@charset 'utf-8';
html,
body {
min-width: 1200px;
letter-spacing: 1px;
}
.clearFix:after {
display: block;
content: '';
clear: both;
}
.clearFix {
zoom: 1;
}
.white {
background-color: #fff !important;
}
.f8 {
background-color: #f8f8f8 !important;
}
.headers {
height: 60px;
border-bottom: 1px solid #eee;
background: #fff;
position: fixed;
top: 0;
width: 100%;
min-width: 1200px;
z-index: 1000;
}
.N-head {
width: 1200px;
margin: 0 auto;
}
.head_lef {
float: left;
}
.head_lef nav {
float: left;
margin-left: 30px;
}
.head_lef nav a {
padding: 0 20px;
}
.head_lef a {
float: left;
padding: 0 25px;
line-height: 60px;
}
.head_lef a:hover {
font-weight: bold;
}
.head_lef .newlogo {
float: left;
}
.head_lef .newlogo a {
padding: 0;
}
.head_lef .logo {
float: left;
width: 120px;
height: 60px;
background: url(../img/logonew1.png) no-repeat center 20px;
}
.head_lef .thlogo {
float: left;
width: 170px;
height: 60px;
background: url(../img/thlogos.png) no-repeat center center;
}
.head_lef .active {
font-weight: bold;
}
.head-lef {
float: left;
}
.head-lef nav {
float: left;
height: 61px;
margin-left: 30px;
}
.head-lef nav .itme {
float: left;
}
.head-lef nav .itme > a {
float: left;
padding: 0 20px;
line-height: 60px;
}
.head-lef nav .itme > a:hover {
font-weight: bold;
}
.head-lef nav a {
float: left;
line-height: 60px;
padding: 0 20px;
}
.head-lef .info:after {
float: right;
content: "";
width: 10px;
height: 5px;
margin-left: 5px;
margin-top: 28px;
background: url(../img/bot.png) no-repeat;
transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
-moz-transition: 300ms;
-webkit-transition: 300ms;
}
.head-lef .msginfo {
position: relative;
border: 1px solid transparent;
border-top: none;
}
.head-lef .msginfo:hover {
height: 61px;
background-color: #fff;
border-color: #ececec;
border-bottom-color: #fff;
}
.head-lef .msginfo:hover .menu {
display: block;
}
.head-lef .msginfo:hover .info:after {
float: right;
content: "";
width: 10px;
height: 5px;
margin-left: 5px;
margin-top: 28px;
background: url(../img/bot.png) no-repeat;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.head-lef .newlogo {
float: left;
}
.head-lef .newlogo a {
float: left;
line-height: 60px;
padding: 0;
}
.head-lef .logo {
float: left;
width: 120px;
height: 60px;
background: url(../img/logonew1.png) no-repeat center 20px;
}
.head-lef .thlogo {
float: left;
width: 170px;
height: 60px;
background: url(../img/thlogos.png) no-repeat center center;
}
.head-lef .active {
font-weight: bold;
}
.menu {
position: absolute;
left: -177px;
top: 61px;
width: 848px;
border: 1px solid #f6f6f6;
background-color: #fff;
margin-top: -1px;
z-index: -1;
display: none;
}
.menu ul {
padding: 0 23px;
border: 1px solid #eee;
}
.menu li {
float: left;
width: 100px;
height: 100px;
text-align: center;
}
.menu li a {
float: none;
display: block;
line-height: 0;
padding: 0;
}
.menu li span {
display: block;
width: 40px;
height: 40px;
margin: 15px auto 0;
background: url(../img/navicon.png?145) no-repeat;
}
.menu li em {
display: block;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 14px;
color: #666;
}
.menu li:hover {
background-color: #f7f7f7;
}
.menu li:hover em {
font-weight: bold;
}
.menu .navicon2 {
background-position: -40px 0;
}
.menu .navicon3 {
background-position: -80px 0;
}
.menu .navicon4 {
background-position: -120px 0;
}
.menu .navicon5 {
background-position: -160px 0;
}
.menu .navicon6 {
background-position: -200px 0;
}
.menu .navicon7 {
background-position: -240px 0;
}
.menu .navicon8 {
background-position: 0 -40px;
}
.menu .navicon9 {
background-position: -40px -40px;
}
.menu .navicon10 {
background-position: -80px -40px;
}
.menu .navicon11 {
background-position: -120px -40px;
}
.menu .navicon12 {
background-position: -160px -40px;
}
.menu .navicon13 {
background-position: -200px -40px;
}
.menu .navicon14 {
background-position: -240px -40px;
}
.menu .navicon15 {
width: 44px;
background-position: -322px -40px;
}
.menu .navicon16 {
background-position: -280px -40px;
}
.menu .navicon17 {
background-position: -280px 0;
}
.menu .navicon18 {
width: 45px;
background-position: -324px 0;
}
.menu .navicon19 {
background: url(../img/navnek.png) no-repeat center center;
}
.subNav {
position: static;
display: block;
width: 100%;
margin: 0 auto;
border: none;
}
.subNav ul {
width: 1200px;
margin: 0 auto;
border: none;
padding: 0;
}
.subNav ul li {
width: 80px;
height: 82px;
}
.subNav ul li span {
margin-top: 7px;
}
.subNav ul li em {
padding: 0 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.subNav ul .active {
background-color: #f8f8f8;
}
.subNav ul .active em {
font-weight: bold;
}
.subNav-f {
position: fixed;
left: 0;
top: 61px;
width: 100%;
border: none;
margin-top: 0;
z-index: -1;
box-shadow: 0 5px 10px rgba(51, 51, 51, 0.1);
display: none;
}
.subNav-f ul {
width: 1200px;
margin: 0 auto;
border: none;
padding: 0;
}
.subNav-f ul li {
width: 80px;
height: 82px;
}
.subNav-f ul li span {
margin-top: 7px;
}
.subNav-f ul li em {
padding: 0 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.subNav-f ul .active {
background-color: #f8f8f8;
}
.subNav-f ul .active em {
font-weight: bold;
}
.subNavFixed {
position: fixed;
left: 0;
top: 0;
z-index: 999;
box-shadow: 0 5px 10px rgba(51, 51, 51, 0.1);
}
.head_rig {
float: right;
}
.head_rig .hsearch {
float: left;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
height: 20px;
padding: 20px;
width: 280px;
}
.head_rig .hsearch input {
border: none;
line-height: 20px;
}
.head_rig .hsearch em {
float: right;
width: 24px;
height: 24px;
cursor: pointer;
background: url(../img/atc2.png) no-repeat;
background-position: -252px 0;
}
.head_rig .Lgoqey {
float: left;
height: 60px;
border-left: 1px solid #eee;
padding: 0 31px;
line-height: 60px;
}
.head_rig .Lgoqey a {
line-height: 80px;
}
.head_rig .longinWrap {
float: right;
}
.head_rig .longinWrap .mobile,
.head_rig .longinWrap .qyh,
.head_rig .longinWrap .quick {
border: none;
padding: 0 20px;
}
.head-rig {
float: right;
}
.head-rig .hsearch {
float: left;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
height: 20px;
padding: 20px;
width: 280px;
}
.head-rig .hsearch input {
border: none;
line-height: 20px;
}
.head-rig .hsearch em {
float: right;
width: 24px;
height: 24px;
cursor: pointer;
background: url(../img/atc2.png) no-repeat;
background-position: -252px 0;
}
.head-rig .Lgoqey {
float: left;
height: 60px;
margin: 0 20px;
line-height: 60px;
}
.head-rig .Lgoqey a {
line-height: 80px;
}
.head-rig .longinWrap {
float: right;
padding-left: 15px;
}
.head-rig .longinWrap .quick {
margin-right: 0;
}
.Hlogonyes {
float: left;
width: 137px;
border-left: 1px solid #eee;
border-right: 1px solid #fff;
background: #fff;
padding-left: 25px;
cursor: pointer;
}
.Hlogonyes:hover {
border: 1px solid #f99;
border-bottom: 3px solid #f99;
border-radius: 0 0 0 4px;
border-top: none;
}
.Hlogonyes:hover .loglianm {
display: block;
}
.Hlogonyesk {
width: auto;
padding-left: 0;
}
.Hlogonyesk .Lgoqey {
padding: 0;
width: 120px;
text-align: center;
border: none;
}
.Hlogonyesk .loglianm {
width: 120px;
}
.Hlogonyesk .loglianm li {
width: 100%;
text-align: center;
}
.lpicyna {
overflow: hidden;
padding: 15px 0;
}
.lpicyna dt {
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
border-radius: 50%;
overflow: hidden;
}
.lpicyna dt img {
display: block;
width: 30px;
height: 30px;
}
.lpicyna dd {
float: left;
line-height: 30px;
width: 90px;
}
.lpicyna dd a {
display: block;
width: 90px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.loglianm {
display: none;
}
.loglianm li {
float: left;
width: 50%;
margin-bottom: 14px;
position: relative;
}
.loglianm li:hover {
color: #f66;
}
.loglianm li span {
color: #f66;
}
.loglianm li em {
position: absolute;
display: block;
width: 20px;
text-align: center;
line-height: 12px;
right: 7px;
top: 6px;
background: #f66;
color: #fff;
border-radius: 10px;
font-size: 10px;
}
.newHlogonyes {
position: relative;
float: left;
width: 135px;
background: #fff;
border-left: 1px solid #eee;
border-right: 1px solid #fff;
padding-left: 25px;
cursor: pointer;
}
.newHlogonyes:hover {
border: 1px solid #f99;
border-bottom: 3px solid #f99;
border-radius: 0 0 0 4px;
border-top: none;
}
.newHlogonyes:hover .new-loglianmsk {
display: block;
}
.newHlogonyes:hover .new-loglianmsk:hover {
border: 1px solid #f99;
border-bottom: 3px solid #f99;
border-radius: 0 0 0 4px;
border-top: none;
}
.newHlogonyes:hover .new-loglianm {
display: block;
}
.newHlogonyesk {
width: auto;
padding-left: 0;
}
.newHlogonyesk .Lgoqey {
padding: 0;
width: 120px;
text-align: center;
border: none;
}
.new-loglianm {
display: none;
}
.new-loglianm li {
line-height: 36px;
}
.new-loglianm li span {
color: #f66;
}
.new-loglianm li em {
display: inline-block;
width: 20px;
margin-left: 5px;
text-align: center;
line-height: 12px;
background: #f66;
color: #fff;
border-radius: 10px;
font-size: 10px;
}
.new-loglianm li:hover {
color: #f66;
}
.new-loglianmsk {
position: absolute;
right: -1px;
top: 0;
width: 120px;
padding-top: 5px;
background-color: #fff;
display: none;
}
.new-loglianmsk li {
line-height: 50px;
text-align: center;
}
.new-loglianmsk li:hover a {
color: #f66;
}
.mobile {
position: relative;
background: url(../img/mobliet.png) no-repeat center 13px;
}
.mobile:hover {
background: url(../img/moblie.png) no-repeat center 13px;
}
.mobile:hover a {
color: #f66;
}
.mobile:hover .ewmWarp {
display: block;
}
.mobile .ewmWarp {
position: absolute;
left: -135px;
top: 57px;
width: 300px;
padding: 15px;
background-color: white;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
border-radius: 3px;
z-index: 4567;
display: none;
}
.mobile .ewmWarp div {
float: left;
width: 150px;
text-align: center;
}
.mobile .ewmWarp div img {
width: 130px;
height: 130px;
border: 1px solid #eee;
}
.mobile .ewmWarp div h6 {
line-height: 20px;
font-size: 12px;
font-weight: bold;
letter-spacing: 0;
}
.qyh {
background: url(../img/qyh1.png) no-repeat center 13px;
}
.qyh:hover {
background: url(../img/qyh2.png) no-repeat center 13px;
color: #f66;
}
.quick {
height: 60px;
background: url(../img/yhu1.png) no-repeat center 13px;
}
.quick:hover {
background: url(../img/yhu2.png) no-repeat center 13px;
color: #f66;
}
.fiedSidebar {
position: fixed;
right: 10px;
bottom: 50px;
z-index: 1000;
}
.fiedSidebar ul {
position: relative;
width: 45px;
background-color: white;
margin: 0 auto;
}
.fiedSidebar ul li {
height: 45px;
margin-bottom: 3px;
background: url(../img/sidebar1.png) no-repeat;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.fiedSidebar .kfwrap {
position: absolute;
left: -110px;
top: -63px;
width: 100px;
padding-top: 65px;
background: url(../img/cxm.png) no-repeat center 0;
display: none;
}
.fiedSidebar .kfwrap .kfewm {
position: relative;
width: 80px;
height: 80px;
padding: 4px;
border: 6px solid #f0f0f0;
border-radius: 4px;
background-color: #fff;
}
.fiedSidebar .kfwrap .kfewm img {
width: 100%;
height: 100%;
}
.fiedSidebar .kfwrap .kfewm:after {
content: "";
position: absolute;
right: -20px;
top: 12px;
border-width: 4px 7px;
border-style: solid;
border-color: transparent;
border-left-color: #f0f0f0;
}
.fiedSidebar .wxkf:hover {
background-position-y: -48px;
}
.fiedSidebar .wxkf:hover .kfwrap {
display: block;
}
.fiedSidebar .wxgzh {
background-position-y: -96px;
}
.fiedSidebar .wxgzh .gzhewm {
position: absolute;
left: -110px;
top: 40px;
width: 80px;
height: 80px;
padding: 4px;
border: 6px solid #f0f0f0;
border-radius: 4px;
background-color: #fff;
display: none;
}
.fiedSidebar .wxgzh .gzhewm img {
width: 100%;
height: 100%;
}
.fiedSidebar .wxgzh .gzhewm:after {
content: "";
position: absolute;
right: -20px;
top: 20px;
border-width: 4px 7px;
border-style: solid;
border-color: transparent;
border-left-color: #f0f0f0;
}
.fiedSidebar .wxgzh:hover {
background-position-y: -143px;
}
.fiedSidebar .wxgzh:hover .gzhewm {
display: block;
}
.fiedSidebar .khd {
background-position-y: -192px;
}
.fiedSidebar .khd .khdewm {
position: absolute;
left: -110px;
top: 98px;
width: 80px;
height: 80px;
padding: 4px;
border: 6px solid #f0f0f0;
border-radius: 4px;
background-color: #fff;
display: none;
}
.fiedSidebar .khd .khdewm img {
width: 100%;
height: 100%;
}
.fiedSidebar .khd .khdewm:after {
content: "";
position: absolute;
right: -20px;
top: 12px;
border-width: 4px 7px;
border-style: solid;
border-color: transparent;
border-left-color: #f0f0f0;
}
.fiedSidebar .khd:hover {
background-position-y: -240px;
}
.fiedSidebar .khd:hover .khdewm {
display: block;
}
.fiedSidebar .blackTop {
background-position-y: -288px;
}
.fiedSidebar .blackTop a {
display: block;
height: 45px;
}
.fiedSidebar .blackTop:hover {
background-position-y: -336px;
}
.fiedSidebar .redpackage {
margin-bottom: 10px;
}
.fiedSidebar .redpackage img {
width: 100%;
}
.mask {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 256;
display: none;
}
.tipmsg {
position: fixed;
left: 50%;
top: 30%;
padding: 40px 50px;
border: 1px solid #eee;
border-radius: 3px;
background-color: #fff;
margin-left: -200px;
line-height: 36px;
text-align: center;
z-index: 1278;
display: none;
}
.tipmsg h2 {
font-size: 18px;
}
.tipmsg button {
width: 90px;
height: 36px;
margin: 20px;
margin-bottom: 0;
border: none;
border-radius: 3px;
}
.tipmsg .cancel {
background-color: #eee;
color: #999;
}
.tipmsg .cancel:hover {
background-color: #f66;
color: #fff;
}
.tipmsg .continue {
background-color: #f66;
color: #fff;
}
.tipsMsg {
position: fixed;
left: 50%;
top: 30%;
padding: 20px;
border: 1px solid #eee;
border-radius: 3px;
background-color: #fff;
margin-left: -170px;
line-height: 36px;
text-align: center;
z-index: 1278;
display: none;
}
.tipsMsg h5 {
font-size: 18px;
}
.tipsMsg p {
width: 298px;
line-height: 24px;
}
.tipsMsg button {
width: 86px;
height: 30px;
line-height: 30px;
border-radius: 3px;
background-color: #189fd9;
color: #fff;
border: none;
margin: 20px 30px 0;
}
.tipsMsg2 {
position: fixed;
left: 50%;
top: 30%;
padding: 20px;
border: 1px solid #eee;
border-radius: 3px;
background-color: #fff;
margin-left: -170px;
line-height: 36px;
text-align: center;
z-index: 1278;
display: none;
}
.tipsMsg2 h5 {
font-size: 18px;
}
.tipsMsg2 p {
width: 298px;
line-height: 24px;
}
.wxewm {
position: fixed;
left: 50%;
top: 30%;
margin-left: -150px;
z-index: 1278;
background-color: #fff;
border-radius: 5px;
}
.wrap {
width: 1200px;
margin: 0 auto;
position: relative;
}
.wrap2 {
width: 1200px;
margin: 0 auto;
position: relative;
padding-top: 20px;
}
.main-wrap {
margin-top: 20px;
}
.subnav {
position: relative;
height: 30px;
border-bottom: 1px solid #eee;
}
.subnav div {
float: left;
}
.subnav h5 {
padding: 0 8px;
margin: 0 18px;
height: 28px;
line-height: 28px;
cursor: pointer;
}
.subnav h5:hover {
font-weight: bold;
color: #f66;
border-bottom: 3px solid #f66;
}
.subnav .active {
font-weight: bold;
color: #f66;
border-bottom: 3px solid #f66;
}
.subnav .headlines {
float: right;
margin: 0;
padding: 0;
width: 60px;
height: 20px;
text-align: center;
line-height: 20px;
background-color: #f66;
color: #fff;
border-radius: 2px;
font-size: 12px;
}
.subnav .headlines:hover {
color: #fff;
border: none;
font-weight: normal;
}
.newsList .loading {
height: 24px;
line-height: 24px;
margin-top: 16px;
margin-bottom: 4px;
width: 100%;
font-size: 12px;
text-align: center;
}
.newsList .ball-pulse > div {
background-color: #999;
width: 8px;
height: 8px;
border-radius: 100%;
margin: 1px;
animation-fill-mode: both;
display: inline-block;
}
.newsList .ball-pulse > div:first-child {
animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.newsList .ball-pulse > div:nth-child(2) {
animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.newsList .loading.ball-pulse > div:nth-child(3) {
animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.newsList .tipmessage {
height: 24px;
line-height: 24px;
background-color: #fee;
text-align: center;
font-size: 12px;
color: #f66;
cursor: pointer;
display: none;
}
.newsList .tipmessage .close {
position: static;
float: right;
width: auto;
height: auto;
font-size: 20px;
line-height: 20px;
margin-right: 15px;
color: #ccc;
cursor: pointer;
background: none;
}
.newsList .tipmessage2 {
height: 24px;
line-height: 24px;
margin-top: -10px;
background-color: #fee;
text-align: center;
font-size: 12px;
color: #f66;
cursor: pointer;
display: none;
}
.newsList .tipmessage2 .close {
position: static;
float: right;
width: auto;
height: auto;
font-size: 20px;
line-height: 20px;
margin-right: 15px;
color: #ccc;
cursor: pointer;
background: none;
}
.newsList ul {
margin: 0;
display: none;
}
.newsList ul li {
position: relative;
padding: 30px 0;
padding-left: 180px;
float: none;
width: auto;
border-bottom: 1px solid #eee;
min-height: 100px;
}
.newsList ul li:last-child {
border-bottom: none;
}
.newsList ul li:hover .sharer {
display: block;
}
.newsList ul .no-padd {
padding-left: 0;
min-height: inherit;
}
.newsList ul .renovate {
height: 24px;
padding: 0;
line-height: 24px;
background-color: #eee;
font-size: 12px;
color: #f66;
text-align: center;
cursor: pointer;
min-height: inherit;
}
.newsList .active {
margin: 0;
display: block;
}
.newsList .wdlgz .ztWrap {
padding: 0;
}
.newsList .wdlgz li {
padding-left: 0;
padding-top: 0;
}
.newsList .theme {
padding-right: 60px;
}
.newsList .theme2 {
padding: 20px 0 10px;
}
/*2018-02-12 zhangjunyao*/
.zhcxg {
background: url(../img/tiananmen.png) no-repeat right bottom;
}
.zhcxg .zcxgicon {
margin-right: 16px;
}
@keyframes scale {
0% {
transform: scale(1);
opacity: 1;
}
45% {
transform: scale(0.1);
opacity: 0.7;
}
80% {
transform: scale(1);
opacity: 1;
}
}
.city {
position: relative;
display: inline-block;
z-index: 1;
}
.city h5 {
background: url(../img/botsj.png) no-repeat right center;
}
.city h5:hover {
background: url(../img/botsjhot.png) no-repeat right center;
}
.city .active {
background: url(../img/botsjhot.png) no-repeat right center;
}
.submenuWrap {
position: absolute;
left: 0;
top: 30px;
width: 434px;
padding-right: 25px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 4px 4px #e8e8e8;
z-index: -66;
visibility: hidden;
}
.submenuWrap h4 {
float: left;
width: 410px;
height: 46px;
line-height: 46px;
padding-left: 20px;
}
.hotcity {
height: 43px;
margin-left: 20px;
line-height: 43px;
border-bottom: 1px dashed #ddd;
font-size: 12px;
}
.hotcity h3 {
float: left;
width: 58px;
}
.hotcity p {
float: left;
width: 352px;
height: 43px;
}
.hotcity p span {
float: left;
width: 44px;
line-height: 43px;
text-align: center;
color: #f66;
cursor: pointer;
}
.hotcity p span:hover {
font-weight: normal;
color: #f66;
border-bottom: none;
}
.cityList {
height: 210px;
padding-left: 20px;
margin-bottom: 30px;
}
.cityList li {
padding-left: 10px;
margin-bottom: 25px;
}
.cityList h6 {
float: left;
width: 53px;
font-size: 12px;
}
.cityList .cityName {
float: left;
width: 324px;
}
.cityList .cityName span {
float: left;
margin-right: 15px;
line-height: 26px;
font-size: 12px;
cursor: pointer;
}
.cityList .cityName span:hover {
color: #f66;
}
.main-left {
float: left;
padding-bottom: 30px;
}
.main-right {
float: right;
}
.newslist div {
float: left;
}
.newslist .pic {
position: absolute;
left: 0;
top: 30px;
width: 160px;
height: 100px;
margin-right: 20px;
}
.newslist .pic img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.newslist:last-child {
border-bottom: none;
}
.listwrap h4 {
font-size: 24px;
letter-spacing: 2px;
line-height: 36px;
}
.listwrap h4 img {
width: auto;
height: 24px;
margin-left: 10px;
margin-top: -3px;
}
.listwrap h4 .redbox {
transform-style: preserve-3d;
transform-origin: center;
animation: redrotate 2s linear infinite;
-o-animation: redrotate 2s linear infinite;
-ms-animation: redrotate 2s linear infinite;
-moz-animation: redrotate 2s linear infinite;
-webkit-animation: redrotate 2s linear infinite;
}
.listwrap h4 a:hover {
color: #f66;
}
.listwraper {
width: 100%;
}
.listwraper h4 {
font-size: 24px;
letter-spacing: 2px;
line-height: 36px;
}
.listwraper h4 img {
width: auto;
height: 24px;
margin-left: 10px;
margin-top: -3px;
}
.listwraper h4 a:hover {
color: #f66;
}
.listwraper h4 .redbox {
transform-style: preserve-3d;
transform-origin: center;
animation: redrotate 2s linear infinite;
-o-animation: redrotate 2s linear infinite;
-ms-animation: redrotate 2s linear infinite;
-moz-animation: redrotate 2s linear infinite;
-webkit-animation: redrotate 2s linear infinite;
}
@keyframes redrotate {
0% {
transform: rotateZ(5deg);
}
10% {
transform: rotateZ(-5deg);
}
20% {
transform: rotateZ(5deg);
}
30% {
transform: rotateZ(-5deg);
}
40% {
transform: rotateZ(5deg);
}
50% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(0deg);
}
}
@-o-keyframes redrotate {
0% {
transform: rotateZ(5deg);
}
10% {
transform: rotateZ(-5deg);
}
20% {
transform: rotateZ(5deg);
}
30% {
transform: rotateZ(-5deg);
}
40% {
transform: rotateZ(5deg);
}
50% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(0deg);
}
}
@-ms-keyframes redrotate {
0% {
transform: rotateZ(5deg);
}
10% {
transform: rotateZ(-5deg);
}
20% {
transform: rotateZ(5deg);
}
30% {
transform: rotateZ(-5deg);
}
40% {
transform: rotateZ(5deg);
}
50% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(0deg);
}
}
@-moz-keyframes redrotate {
0% {
transform: rotateZ(5deg);
}
10% {
transform: rotateZ(-5deg);
}
20% {
transform: rotateZ(5deg);
}
30% {
transform: rotateZ(-5deg);
}
40% {
transform: rotateZ(5deg);
}
50% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(0deg);
}
}
@-webkit-keyframes redrotate {
0% {
transform: rotateZ(5deg);
}
10% {
transform: rotateZ(-5deg);
}
20% {
transform: rotateZ(5deg);
}
30% {
transform: rotateZ(-5deg);
}
40% {
transform: rotateZ(5deg);
}
50% {
transform: rotateZ(0deg);
}
100% {
transform: rotateZ(0deg);
}
}
.sharer {
position: relative;
width: 20px;
height: 20px;
cursor: pointer;
display: none;
}
.sharer img {
width: 100%;
vertical-align: top;
}
.sharer .wrapSharer {
position: absolute;
left: -32px;
top: 0px;
width: 160px;
height: 40px;
padding-top: 30px;
display: none;
}
.sharer .sharerWrap {
position: relative;
width: 138px;
background-color: #fff;
padding: 10px 10px 6px;
border: 1px solid #f66;
border-radius: 3px;
z-index: 456;
}
.sharer .sharerWrap a {
position: relative;
float: left;
width: 26px;
height: 26px;
border-radius: 50%;
margin: 0 10px;
background: none;
line-height: 0;
text-indent: 0;
overflow: visible;
}
.sharer .sharerWrap img {
width: 26px;
height: 26px;
border-radius: 50%;
}
.sharer .sharerWrap .hbicon {
position: absolute;
right: -5px;
top: -4px;
width: 14px;
height: 14px;
line-height: 14px;
background-color: #f66;
color: #fff;
text-align: center;
border-radius: 50%;
font-size: 12px;
z-index: 99;
}
.sharer .sharerWrap .sanjv {
position: absolute;
left: 36px;
top: -6px;
width: 8px;
height: 8px;
background-color: #fff;
border-left: 1px solid #f66;
border-top: 1px solid #f66;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.sharer:hover .wrapSharer {
display: block;
}
.msgwrap {
width: 100%;
margin-top: 15px;
}
.msgwrap div {
margin-right: 30px;
}
.msgwrap span {
float: left;
line-height: 18px;
font-size: 12px;
color: #666;
}
.msgwrap a {
float: left;
height: 16px;
line-height: 16px;
margin-right: 10px;
}
.msgwrap a img {
width: auto;
height: 16px;
vertical-align: top;
}
.msgwrap strong {
float: left;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
background-color: #f5f5f5;
color: #ccc;
border-radius: 50%;
font-weight: normal;
}
.original {
float: left;
height: 14px;
line-height: 14px;
border: 1px solid #f66;
border-radius: 2px;
text-align: center;
font-size: 12px;
color: #f66;
margin-top: 2px;
}
.original a {
line-height: 14px;
padding: 0 5px;
margin: 0;
}
.author {
height: 20px;
line-height: 20px;
}
.author img {
width: 14px;
height: 14px;
border: 1px solid #eee;
border-radius: 2px;
margin-right: 8px;
}
.author em {
font-size: 12px;
color: #666;
}
.time {
height: 20px;
line-height: 20px;
font-size: 12px;
color: #666;
}
.time span {
width: 16px;
height: 16px;
margin-top: 2px;
margin-right: 10px;
background: url(../img/atc2.png) no-repeat -174px 0;
}
.time time {
float: left;
}
.shareUser a {
float: left;
height: 20px;
line-height: 20px;
margin-right: 5px;
}
.shareUser a img {
width: 20px;
height: 20px;
border-radius: 50%;
}
.shareUser em {
display: inline-block;
line-height: 20px;
padding-left: 20px;
margin-right: 5px;
vertical-align: top;
}
.shareUser .shareUserNum {
background: url(../img/newslisticon.png) no-repeat 0 3px;
}
.shareUser .commentNum {
background: url(../img/newslisticon.png) no-repeat 0 -22px;
}
.closeswrap {
position: absolute;
right: 0;
bottom: 30px;
height: 22px;
padding-left: 9px;
line-height: 22px;
border-radius: 10px;
font-size: 12px;
color: #f66;
cursor: pointer;
overflow: hidden;
}
.closeswrap .closes {
float: right;
font-size: 20px;
margin-right: 4px;
color: #dfd3d3;
}
.closeswrap em {
float: left;
width: 52px;
text-align: right;
opacity: 0;
}
.closeswrap:hover {
width: 81px;
transition: .5s;
background-color: #ffedec;
}
.closeswrap:hover em {
transition: .5s;
opacity: 1;
}
.fixedt2 {
position: fixed;
top: 61px;
width: 850px;
z-index: 456;
}
.fixedt {
position: fixed;
top: 101px;
width: 850px;
z-index: 456;
}
.cksmore {
display: none;
}
.cksmore a {
display: block;
height: 28px;
line-height: 28px;
text-align: center;
border: 1px solid #eee;
border-radius: 3px;
font-size: 12px;
color: #999;
letter-spacing: 3px;
}
.active {
display: block;
}
.wdlgz {
padding: 8px 30px 30px;
background-color: #f8f8f8;
}
.wdlgz h3 {
height: 40px;
line-height: 40px;
}
.wdlgz h3 span {
float: left;
font-size: 15px;
font-weight: bold;
}
.wdlgz h3 a {
float: right;
padding-left: 23px;
background: url(../img/refrash3.png) no-repeat 0 center;
font-size: 12px;
color: #666;
}
.ztWrap ol {
display: block;
padding-top: 5px;
}
.ztWrap ol li {
float: left;
width: 250px;
padding-bottom: 20px;
margin-right: 20px;
margin-bottom: 20px;
background-color: #fff;
}
.ztWrap ol li img {
width: 250px;
height: 156px;
border-radius: 3px;
}
.ztWrap ol li:nth-of-type(3n) {
margin-right: 0;
}
.ztWrap .picWrap {
position: relative;
}
.ztWrap .picWrap p {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.ztWrap .picWrap p a {
position: absolute;
left: 0;
bottom: 0;
padding: 10px 18px;
line-height: 20px;
font-size: 16px;
color: #fff;
}
.ztWrap .picWrap p a:hover {
color: #f66;
}
.ztWrap .ztss {
height: 102px;
padding: 0 20px;
overflow: hidden;
}
.ztWrap .ztss a {
display: block;
padding-top: 15px;
max-height: 36px;
line-height: 18px;
color: #666;
letter-spacing: 0;
overflow: hidden;
}
.ztWrap .ztss a:hover {
color: #f66;
}
.ztWrap .botdi {
height: 24px;
line-height: 24px;
padding: 20px 20px 0;
}
.ztWrap .botdi span {
float: left;
padding-left: 25px;
background: url(../img/keye.png) no-repeat 0 center;
}
.jiagz {
float: right;
width: 60px;
height: 24px;
line-height: 24px;
background-color: #f66;
border-radius: 3px;
color: #fff;
text-align: center;
font-size: 12px;
}
.jiagz:hover {
color: #fff;
}
.enterpris > div {
float: left;
margin-right: 20px;
}
.enterpris > div:last-child {
margin-right: 0;
}
.enterpris h3 {
width: 210px;
padding: 0 20px;
}
.enterpris .qylist3 {
display: block;
width: 210px;
padding: 0 20px 14px;
background-color: #fff;
}
.enterpris .qylist3 li {
padding: 20px 0 13px;
border-bottom: 1px dashed #ddd;
}
.enterpris .qylist3 li:last-child {
border-bottom: none;
}
.enterpris .qylist3 p {
padding-top: 12px;
height: 54px;
line-height: 18px;
font-size: 12px;
color: #999;
overflow: hidden;
}
.enterpris .qylist3 .qylogo2 {
float: left;
width: 58px;
height: 58px;
margin-right: 15px;
border: 1px solid #eee;
}
.enterpris .qylist3 .qylogo2 img {
width: 58px;
height: 58px;
}
.enterpris .qylist3 h4 {
width: 135px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
letter-spacing: 0;
}
.enterpris .qylist3 .lefjgz {
float: left;
margin-top: 10px;
}
.rzbHead div,
.rzbHead h4 {
float: left;
}
.rzbHead .date {
width: 50px;
height: 50px;
border-radius: 3px;
}
.rzbHead .date span {
display: block;
height: 18px;
line-height: 18px;
text-align: center;
color: #fff;
font-size: 12px;
background-color: #c33;
border-radius: 3px 3px 0 0;
letter-spacing: 0;
}
.rzbHead .date em {
display: block;
height: 32px;
line-height: 32px;
text-align: center;
color: #666;
font-size: 20px;
background-color: #eee;
border-radius: 0 0 3px 3px;
font-weight: bold;
letter-spacing: 0;
}
.rzbHead h4 {
height: 32px;
line-height: 32px;
margin-left: 13px;
margin-top: 18px;
font-family: "SimSun";
font-size: 18px;
font-weight: bold;
color: #c33;
}
.rzbHead .applyrz {
float: right;
width: 94px;
height: 22px;
line-height: 22px;
border: 1px solid #eee;
color: #f66;
font-size: 12px;
text-align: center;
border-radius: 2px;
margin-top: 20px;
}
.rzbNews {
position: relative;
height: 282px;
margin-top: 5px;
}
.rzbNews ul {
float: right;
width: 295px;
min-height: 282px;
border-left: 1px solid #eee;
}
.rzbNews ul li {
position: relative;
padding-left: 20px;
margin-top: 8px;
margin-bottom: 16px;
word-break: break-word;
line-height: 18px;
font-size: 12px;
color: #666;
}
.rzbNews ul li mark {
position: absolute;
left: -3px;
top: 24%;
width: 5px;
height: 5px;
background-color: #eee;
border-radius: 50%;
}
.rzbNews ul li strong {
font-weight: normal;
}
.rzbNews ul li:nth-of-type(even) mark {
background-color: #f66;
}
.rzbNews ul li:hover {
color: #f66;
}
.rzbNews ul li:hover em {
color: #f66;
}
.rzbNews ul li:hover mark {
background-color: #f66;
}
.fxWrap {
width: 295px;
height: 26px;
line-height: 36px;
margin-left: 24px;
border-left: 1px solid #eee;
font-size: 12px;
margin-bottom: 20px;
}
.fxWrap a {
float: left;
height: 100%;
padding-left: 20px;
text-decoration: underline;
color: #999;
}
.fxWrap a:hover {
color: #f66;
}
.fxWrap .fxlink {
float: right;
}
.fxWrap .fxlink h6 {
float: left;
color: #999;
}
.fxWrap .weibo {
float: left;
width: 20px;
height: 16px;
margin-top: 8px;
background: url(../img/C_creating.png) no-repeat;
background-position: 0 -33px;
margin-left: 10px;
cursor: pointer;
}
.fxWrap .weibo:hover {
background-position-x: -28px;
}
.fxWrap .weixin {
position: relative;
float: left;
width: 20px;
height: 16px;
margin-top: 9px;
background: url(../img/C_creating.png) no-repeat;
background-position: 0 -74px;
margin-left: 10px;
cursor: pointer;
}
.fxWrap .weixin:hover {
background-position-x: -28px;
}
.fxWrap .weixin:hover .erweima {
display: block;
}
.fxWrap .weixin .erweima {
position: absolute;
left: 24%;
top: -90px;
width: 80px;
height: 80px;
margin-left: -40px;
border: 1px solid #eee;
border-radius: 3px;
display: none;
}
.fxWrap .weixin .erweima div {
position: absolute;
left: 36px;
bottom: -6px;
width: 10px;
height: 10px;
border: 1px solid #eee;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.Cyl_quotation {
position: relative;
min-height: 200px;
margin-bottom: 30px;
border: 1px solid #eee;
border-radius: 3px;
background-color: #f4f4f4;
}
.Cyl_quotation h4 {
position: absolute;
top: 38px;
right: 0;
width: 30px;
font-family: "SimSun";
font-weight: bold;
line-height: 18px;
font-size: 16px;
color: #c33;
text-align: center;
}
.Cyl_quotation h4 span {
display: block;
}
.left-content {
float: left;
width: 216px;
min-height: 200px;
padding: 30px 36px;
background-color: #fff;
}
.Cyl_bottom {
position: absolute;
right: 0;
bottom: 15px;
width: 30px;
text-align: center;
}
.Cyl_bottom .Cyl_weibo {
display: block;
height: 16px;
background: url(../img/C_creating.png) no-repeat center center;
background-position: 6px -33px;
margin: 0 auto 20px;
cursor: pointer;
}
.Cyl_bottom .Cyl_weibo:hover {
background-position-x: -22px;
}
.Cyl_weixin {
position: relative;
height: 16px;
background: url(../img/C_creating.png) no-repeat center center;
background-position: 5px -74px;
margin: 0 auto 20px;
cursor: pointer;
}
.Cyl_weixin:hover {
background-position-x: -23px;
}
.Cyl_weixin:hover .erweima {
display: block;
}
.Cyl_weixin .erweima {
position: absolute;
left: 50%;
top: -90px;
width: 80px;
height: 80px;
margin-left: -40px;
border: 1px solid #eee;
border-radius: 3px;
display: none;
}
.Cyl_weixin .erweima div {
position: absolute;
left: 36px;
bottom: -6px;
width: 10px;
height: 10px;
border: 1px solid #eee;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.Cyl_zan {
position: relative;
}
.Cyl_zan .tishi {
position: absolute;
left: -35px;
bottom: 45px;
width: 100px;
display: none;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: white;
}
.Cyl_zan .tishi span {
position: absolute;
left: 50px;
bottom: -3px;
width: 3px;
height: 3px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.Cyl_zan .active {
background-position-x: -21px;
}
.zanIcon {
display: block;
height: 16px;
background: url(../img/C_creating.png) no-repeat center center;
background-position: 7px -13px;
cursor: pointer;
}
.zanIcon:hover {
background-position-x: -21px;
}
.zanNumber {
display: block;
text-align: center;
font-size: 12px;
}
.topyh {
height: 20px;
}
.topyh span {
float: left;
width: 12px;
height: 11px;
background: url(../img/C_creating.png) no-repeat;
}
.botyh {
height: 20px;
padding-right: 8px;
}
.botyh span {
float: right;
width: 12px;
height: 11px;
background: url(../img/C_creating.png) no-repeat;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
.Cyl_top p {
min-height: 48px;
line-height: 24px;
font-size: 18px;
letter-spacing: 3px;
}
.Cyl_middle {
position: relative;
height: 40px;
margin-top: 20px;
color: #7a7a7a;
overflow: hidden;
}
.Cyl_middle div {
position: relative;
left: 0;
top: 8px;
width: 100%;
height: 1px;
background-color: #cfcfcf;
}
.Cyl_middle h6 {
position: absolute;
right: 0;
top: 0;
max-width: 185px;
padding-right: 3px;
padding-left: 10px;
background: #fff;
line-height: 16px;
font-size: 12px;
word-break: break-word;
text-align: right;
}
.Cyl_futitle {
width: 214px;
line-height: 20px;
text-align: right;
color: #aaa;
font-size: 12px;
}
.carefully div {
margin-bottom: 30px;
}
.carefully p {
float: left;
border-radius: 3px;
}
.carefully p time {
display: block;
font-size: 12px;
color: #999;
}
.carefully p a {
display: block;
line-height: 20px;
font-size: 16px;
overflow: hidden;
}
.carefully p:nth-of-type(1) {
width: 260px;
padding: 20px 30px;
background-color: #fff5f5;
margin-bottom: 3px;
}
.carefully p:nth-of-type(1) time {
height: 18px;
line-height: 15px;
}
.carefully p:nth-of-type(2) {
width: 118px;
padding: 20px;
background-color: #f7f5ff;
margin-right: 3px;
}
.carefully p:nth-of-type(2) time {
height: 20px;
line-height: 12px;
}
.carefully p:nth-of-type(2) a {
height: 100px;
}
.carefully p:nth-of-type(3) {
width: 118px;
padding: 20px;
background-color: #f5fdff;
}
.carefully p:nth-of-type(3) time {
height: 20px;
line-height: 12px;
}
.carefully p:nth-of-type(3) a {
height: 100px;
}
.hotconcern {
padding-top: 10px;
border-radius: 3px;
background-color: #fff;
}
.smalltitle {
position: relative;
height: 16px;
line-height: 16px;
border-left: 5px solid #f66;
margin-bottom: 20px;
}
.smalltitle mark {
color: #f66;
}
.smalltitle span {
position: absolute;
left: 0;
padding-left: 10px;
padding-right: 10px;
background-color: white;
font-size: 15px;
font-weight: bold;
}
.smalltitle em {
display: inline-block;
width: 100%;
height: 1px;
background-color: #eee;
vertical-align: middle;
}
.smalltitle strong {
position: absolute;
right: 0;
height: 18px;
line-height: 20px;
padding-left: 10px;
border: none;
background-color: white;
font-weight: normal;
}
.smalltitle strong a {
display: block;
width: 68px;
height: 18px;
line-height: 18px;
border: 1px solid #eee;
border-radius: 2px;
text-align: center;
font-size: 12px;
color: #999;
}
.smalltitle strong a:hover {
color: #f66;
border-color: #f66;
}
.smallBanner {
position: relative;
width: 318px;
height: 198px;
border: 1px solid #eee;
border-radius: 3px;
margin-bottom: 30px;
overflow: hidden;
}
.smallBanner img {
width: 100%;
height: 100%;
border: none;
border-radius: 3px;
}
.smallBanner .banner2 {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 20px;
line-height: 20px;
text-align: center;
font-size: 12px;
color: white;
background-color: rgba(51, 51, 51, 0.3);
border-radius: 0 3px 0 0;
}
.NewTopics {
padding-bottom: 15px;
}
.NewTopics li {
margin-bottom: 16px;
}
.NewTopics li:hover h2 {
color: #f66;
}
.Lpic {
position: relative;
float: left;
padding: 0 1px 1px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 0 6px 3px 6px;
background-color: #eee;
margin-right: 10px;
}
.Lpic a {
display: block;
padding: 0 1px 1px 0;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 0 6px 3px 6px;
background-color: #eee;
}
.Lpic a img {
width: 77px;
height: 48px;
border-radius: 3px;
}
.Lpic span {
position: absolute;
right: 3px;
bottom: 3px;
width: 40px;
height: 20px;
line-height: 20px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0 0 2px 0;
text-align: center;
color: #fff;
font-size: 12px;
}
.Rwords {
float: left;
width: 228px;
}
.Rwords h2 {
height: 48px;
line-height: 24px;
font-weight: bold;
overflow: hidden;
}
.Rwords h3 {
height: 32px;
overflow: hidden;
line-height: 16px;
font-size: 12px;
color: #999;
}
.hotdoclist {
margin-bottom: 20px;
}
.hotdoclist li {
margin-bottom: 10px;
}
.hotdoclist li mark {
float: left;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
background-color: #ccc;
border-radius: 50%;
color: white;
margin-top: 2px;
}
.hotdoclist li .Top1 {
background-color: #f66;
}
.hotdoclist li .Top2 {
background-color: #f96;
}
.hotdoclist li .Top3 {
background-color: #fc3;
}
.hotdoclist li div {
float: left;
width: 285px;
padding-left: 17px;
}
.hotdoclist li div:hover {
color: #f66;
}
.hotdoclist li h4 {
line-height: 20px;
font-weight: bold;
}
.hotdoclist li p {
line-height: 22px;
font-size: 12px;
color: #999;
}
.renovate3 {
position: absolute;
right: 0;
top: 0;
width: 25px;
height: 16px;
background: url(../img/refrash3.png) no-repeat right 0;
background-color: #fff;
}
.hotpicWrap {
position: relative;
height: 250px;
}
.hotpicWrap li {
position: absolute;
transition: 1s;
}
.hotpicWrap li:hover {
width: 73px;
height: 73px;
z-index: 200;
}
.hotpicWrap li:hover .hotpicmsg {
display: block;
}
.hotpicWrap .hotbusiness1 {
left: 158px;
top: 112px;
width: 64px;
height: 64px;
border: 1px solid #eee;
z-index: 99;
}
.hotpicWrap .hotbusiness1 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness2 {
left: 45px;
top: 13px;
width: 30px;
height: 30px;
border: 1px solid #eee;
z-index: 30;
}
.hotpicWrap .hotbusiness2 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness3 {
left: 171px;
top: 53px;
width: 38px;
height: 38px;
border: 1px solid #eee;
z-index: 30;
}
.hotpicWrap .hotbusiness3 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness4 {
left: 231px;
top: 76px;
width: 48px;
height: 48px;
border: 1px solid #eee;
z-index: 45;
}
.hotpicWrap .hotbusiness4 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness5 {
left: 107px;
top: 25px;
width: 38px;
height: 38px;
border: 1px solid #eee;
z-index: 60;
}
.hotpicWrap .hotbusiness5 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness6 {
left: 173px;
top: 5px;
width: 38px;
height: 38px;
border: 1px solid #eee;
z-index: 15;
}
.hotpicWrap .hotbusiness6 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness7 {
left: 16px;
top: 52px;
width: 38px;
height: 38px;
border: 1px solid #eee;
z-index: 30;
}
.hotpicWrap .hotbusiness7 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness8 {
left: 34px;
top: 84px;
width: 48px;
height: 48px;
border: 1px solid #eee;
z-index: 15;
}
.hotpicWrap .hotbusiness8 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness9 {
left: 233px;
top: 28px;
width: 48px;
height: 48px;
border: 1px solid #eee;
z-index: 15;
}
.hotpicWrap .hotbusiness9 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness10 {
left: 236px;
top: 144px;
width: 64px;
height: 64px;
border: 1px solid #eee;
z-index: 10;
}
.hotpicWrap .hotbusiness10 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness11 {
left: 114px;
top: 174px;
width: 48px;
height: 48px;
border: 1px solid #eee;
z-index: 60;
}
.hotpicWrap .hotbusiness11 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness12 {
left: 64px;
top: 30px;
width: 38px;
height: 38px;
border: 1px solid #eee;
z-index: 15;
}
.hotpicWrap .hotbusiness12 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness13 {
left: 97px;
top: 86px;
width: 73px;
height: 73px;
border: 1px solid #eee;
z-index: 30;
}
.hotpicWrap .hotbusiness13 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness14 {
left: 27px;
top: 160px;
width: 48px;
height: 48px;
border: 1px solid #eee;
z-index: 15;
}
.hotpicWrap .hotbusiness14 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotbusiness15 {
left: 115px;
top: 53px;
width: 38px;
height: 38px;
border: 1px solid #eee;
z-index: 15;
}
.hotpicWrap .hotbusiness15 img {
width: 100%;
height: 100%;
}
.hotpicWrap .hotpicmsg {
position: relative;
width: 284px;
height: 50px;
padding: 15px;
margin-top: -140px;
margin-left: -130px;
border: 1px solid #f66;
border-radius: 3px;
background-color: #fff;
display: none;
}
.hotpicWrap .hotpicmsg div {
float: left;
}
.hotpicWrap .hotpicmsg div img {
width: 48px;
height: 48px;
border: 1px solid #eee;
}
.hotpicWrap .hotpicmsg .hotTitle {
width: 164px;
margin-left: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hotpicWrap .hotpicmsg .hotTitle h6 {
height: 26px;
line-height: 26px;
}
.hotpicWrap .hotpicmsg .hotTitle p {
height: 24px;
line-height: 24px;
font-size: 12px;
color: #999;
}
.hotpicWrap .hotpicmsg .dyue {
width: 50px;
height: 18px;
line-height: 18px;
margin-top: 4px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #f66;
}
.bigBanner {
width: 1200px;
height: 120px;
margin-bottom: 30px;
}
.bigBanner img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.hotActivity {
padding-bottom: 10px;
}
.hotActivity .title {
height: 26px;
}
.hotActivity .title h2 {
float: left;
line-height: 15px;
font-weight: bold;
}
.hotActivity .title nav {
float: right;
line-height: 15px;
color: #ccc;
}
.hotActivity .title nav a {
margin: 0 5px;
color: #666;
}
.hotActivity .title nav a span {
color: #f66;
font-weight: bold;
}
.hotActivity .title nav a:last-child {
display: inline-block;
width: 40px;
height: 20px;
line-height: 20px;
background-color: #f8f8f8;
font-size: 12px;
color: #999;
border-radius: 2px;
text-align: center;
}
.hotActivity .title nav a:hover {
color: #f66;
}
.L-lbt {
float: left;
width: 598px;
height: 536px;
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.L-lbt .jPicture-container {
height: 465px;
}
.L-lbt .jPicture-container .jPicture-container {
float: left;
width: 598px;
height: 465px;
}
.L-lbt img {
width: 100%;
height: 375px !important;
}
.L-lbt h1 {
height: 44px;
padding: 0 30px;
line-height: 44px;
margin-top: 10px;
font-size: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.L-lbt h2 {
height: 44px;
padding: 0 30px;
line-height: 44px;
margin-top: 10px;
font-size: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.L-lbt p {
height: 36px;
line-height: 36px;
padding: 0 30px;
}
.L-lbt p .dateTime {
float: left;
width: 15px;
height: 15px;
margin: 11px 10px 0 2px;
background: url(../img/atc2.png) no-repeat;
background-position: -347px 0;
}
.L-lbt p .adder {
float: left;
width: 13px;
height: 16px;
margin: 11px 10px 0 2px;
background: url(../img/atc2.png) no-repeat;
background-position: -374px 0;
}
.L-lbt p time {
float: left;
color: #666;
}
.L-lbt p span {
float: left;
}
.L-lbt .next {
right: 30% ;
top: 94%;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
color: #fff;
border-radius: 3px;
background-color: #f66;
background-image: none;
}
.L-lbt .prev {
left: 30%;
top: 94%;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
color: #fff;
border-radius: 3px;
background-color: #f66;
background-image: none;
}
.R-showActive {
float: right;
width: 580px;
}
.R-showActive li {
float: left;
width: 278px;
border: 1px solid #eee;
border-radius: 3px;
margin-right: 20px;
margin-bottom: 20px;
}
.R-showActive li:nth-of-type(even) {
margin-right: 0;
}
.R-showActive li img {
width: 278px;
height: 175px;
border-radius: 3px 3px 0 0;
}
.R-showActive li h6 {
height: 48px;
padding: 0 20px;
margin: 17px 0;
}
.R-showActive li h6 a {
height: 48px;
display: block;
font-size: 16px;
font-weight: bold;
line-height: 24px;
overflow: hidden;
}
.R-showActive li h6 a:hover {
color: #f66;
}
.sidebar-L {
float: left;
}
.sidebar-R {
float: right;
}
.hotList {
padding-bottom: 30px;
}
.hotListWrap .title {
height: 30px;
line-height: 30px;
}
.hotListWrap .title h2 {
font-weight: bold;
}
.Bang .back-lan {
background-color: #f1faff;
}
.Bang .back-lan .h4 {
border-bottom: 1px solid #cbe7f5;
}
.Bang .back-lan .title22 {
background: #f1faff;
}
.Bang .back-lan .title22:before {
background-color: #9cf;
}
.Bang .back-lan .title22:after {
background-color: #9cf;
}
.Bang .back-huang {
background-color: #fff8e9;
}
.Bang .back-huang .Top {
color: #f93;
}
.Bang .back-huang .h4 {
border-bottom: 1px solid #ffe5c5;
}
.Bang .back-huang .title22 {
background: #fff8e9;
}
.Bang .back-huang .title22:before {
background-color: #ffe5c5;
}
.Bang .back-huang .title22:after {
background-color: #ffe5c5;
}
.Bang li {
float: left;
width: 185px;
height: 332px;
padding: 30px 20px 20px;
}
.Bang .h4 {
height: 10px;
margin-bottom: 11px;
text-align: center;
}
.Bang .title22 {
position: relative;
width: 108px;
height: 22px;
margin: 0 auto;
line-height: 22px;
font-size: 18px;
color: #39c;
text-align: center;
z-index: 1;
}
.Bang .title22 h4 {
float: left;
margin-left: 6px;
}
.Bang .title22 .help {
float: right;
width: 15px;
height: 15px;
margin-top: 3px;
margin-right: 6px;
line-height: 15px;
background-color: #ccc;
font-size: 12px;
color: #fff;
border-radius: 50%;
font-weight: normal;
text-align: center;
text-indent: 2px;
vertical-align: middle;
cursor: pointer;
}
.Bang .title22 .help:hover {
background-color: #f66;
}
.Bang .title22 .help:hover .ruleWrap {
display: block;
}
.Bang .title22:before {
position: absolute;
left: -2px;
top: 9px;
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
z-index: 1;
}
.Bang .title22:after {
position: absolute;
right: -2px;
top: 9px;
content: '';
width: 3px;
height: 3px;
border-radius: 50%;
z-index: 1;
}
.ruleWrap {
position: absolute;
left: 60px;
top: 35px;
padding: 20px 17px 20px 20px;
border: 1px solid #f66;
border-radius: 3px;
background-color: #fff;
z-index: 2;
text-align: left;
display: none;
}
.ruleWrap h5 {
width: 260px;
height: 14px;
padding-bottom: 12px;
margin-bottom: 10px;
border-bottom: 1px solid #f4f4f4;
line-height: 14px;
font-size: 14px;
color: #333;
font-weight: 600;
}
.ruleWrap p {
line-height: 24px;
font-size: 12px;
color: #333;
}
.ruleWrap .tagging {
position: relative;
height: 14px;
padding-left: 18px;
line-height: 14px;
margin-top: 14px;
font-size: 12px;
color: #999;
z-index: 1;
}
.ruleWrap .tagging:before {
position: absolute;
left: 0;
top: 0;
content: '!';
width: 12px;
height: 12px;
line-height: 12px;
text-align: center;
border: 1px solid #f66;
border-radius: 50%;
font-size: 12px;
color: #f66;
text-indent: 2px;
z-index: 1;
}
.ruleWrap:before {
position: absolute;
left: 26px;
top: -6px;
content: '';
width: 10px;
height: 10px;
border-left: 1px solid #f66;
border-top: 1px solid #f66;
background-color: #fff;
transform: rotate(45deg);
}
.rankingList {
padding-top: 10px;
}
.rankingList dl {
float: none;
background-color: transparent;
padding: 15px 0;
cursor: pointer;
}
.rankingList dl dt {
float: left;
margin-right: 10px;
font-size: 16px;
color: #ccc;
font-weight: normal;
}
.rankingList dl dd {
float: left;
width: 164px;
}
.rankingList dl .samlllogo {
float: left;
width: 28px;
height: 28px;
border: 1px solid #eee;
border-radius: 2px;
margin-right: 10px;
}
.rankingList dl .samlllogo img {
width: 100%;
height: 100%;
border-radius: 2px;
}
.rankingList dl h6 {
float: left;
width: 124px;
height: 15px;
line-height: 15px;
font-size: 12px;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rankingList dl p {
float: left;
width: 124px;
line-height: 15px;
font-size: 12px;
color: #999;
}
.rankingList dl:hover a {
color: #f66;
}
.rankingList .Top {
color: #39c;
}
.hbmsg {
width: 280px;
height: 30px;
line-height: 30px;
border-radius: 2px 2px 0 0;
background-color: #eee;
text-align: center;
}
.hbmsg span {
padding-left: 28px;
font-weight: bold;
background: url(../img/hongbao.png) no-repeat left center;
}
.hbWrap {
width: 238px;
padding: 20px;
border: 1px solid #eee;
border-radius: 0 0 2px 2px;
font-size: 12px;
}
.qhbnews h6 {
height: 20px;
padding-left: 26px;
line-height: 20px;
color: #666;
margin-bottom: 10px;
}
.qhbnews h6 span {
margin: 0 3px;
color: #f66;
}
.qhbnews h6 a {
position: relative;
float: right;
width: 50px;
height: 20px;
background-color: #f66;
color: #fff;
text-align: center;
border-radius: 3px;
}
.qhbnews h6 a em {
position: absolute;
left: -12px;
bottom: 0;
width: 120px;
height: 120px;
background-color: #fff;
border: 1px solid #eee;
border-radius: 3px;
display: none;
}
.qhbnews h6 a em img {
width: 120px;
height: 120px;
}
.qhbnews h6 a:hover em {
display: block;
}
.qhbnews .yhb {
background: url(../img/hongb.png) no-repeat 0 2px;
}
.qhbnews .mhb {
background: url(../img/mhb.png) no-repeat 0 2px;
}
.qhbnews p {
height: 32px;
line-height: 16px;
margin-bottom: 12px;
}
.qhbnews p a:hover {
color: #f66;
}
.qhbnews .ydnews {
height: auto;
}
.qhbnews .ydnews p {
height: 16px;
margin-bottom: 10px;
}
.zxtitle {
height: 14px;
line-height: 14px;
text-align: center;
}
.zxtitle em {
float: left;
height: 1px;
margin-top: 7px;
background-color: #f5f5f5;
vertical-align: middle;
}
.zxtitle strong {
float: right;
width: 74px;
height: 1px;
margin-top: 7px;
background-color: #f5f5f5;
vertical-align: middle;
}
.zxtitle span {
padding: 0 6px;
letter-spacing: 0;
color: #999;
}
.zxtitle1 em {
width: 77px;
}
.zxtitle1 strong {
width: 77px;
}
.zxtitle2 em {
width: 83px;
}
.zxtitle2 strong {
width: 83px;
}
.zxtitle3 em {
width: 71px;
}
.zxtitle3 strong {
width: 71px;
}
.fhblogo {
height: 82px;
padding-top: 18px;
padding-bottom: 15px;
}
.fhblogo li {
float: left;
width: 50px;
margin-right: 12px;
}
.fhblogo li:last-child {
margin-right: 0;
}
.fhblogo li div {
width: 48px;
height: 48px;
border: 1px solid #eee;
border-radius: 2px;
}
.fhblogo li div img {
width: 48px;
height: 48px;
border-radius: 2px;
}
.fhblogo li p {
height: 32px;
line-height: 32px;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
letter-spacing: 0;
}
.fhblogo li:hover {
color: #f66;
}
.qhbhead {
height: 30px;
padding-top: 18px;
}
.qhbhead a {
float: left;
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 20px;
}
.qhbhead a:last-child {
margin-right: 0;
}
.qhbhead a img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.ydwz {
padding-top: 26px;
}
.ydnews {
height: 100px;
padding-top: 10px;
}
.ydnews p {
width: 238px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ydnews p:hover {
color: #f66;
}
.redbag {
width: 278px;
padding-bottom: 46px;
margin-top: 30px;
border: 1px solid #eee;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.redbag .hbpictrue {
width: 100%;
}
.redbag .hbpictrue img {
width: 100%;
}
.redbag .ckmore {
padding-top: 16px;
text-align: center;
}
.redbag .ckmore a {
display: inline-block;
padding: 0 22px;
line-height: 30px;
background-color: #f66;
color: #fff;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
}
.hblist {
padding: 20px;
}
.hblist h5 {
padding: 10px 0;
line-height: 18px;
text-align: center;
font-weight: bold;
}
.hblist h5 span {
margin: 0 10px;
color: #f33;
}
.hblist dl {
padding-top: 13px;
}
.hblist dt {
padding-bottom: 7px;
line-height: 20px;
}
.hblist dt span {
margin-left: 12px;
font-size: 12px;
vertical-align: middle;
}
.hblist dt mark {
margin-right: 5px;
color: #f33;
}
.hblist dt a {
float: right;
width: 50px;
height: 20px;
background-color: #f66;
color: #fff;
text-align: center;
border-radius: 3px;
font-size: 12px;
}
.hblist dt em {
margin-left: 12px;
font-size: 12px;
vertical-align: middle;
color: #666;
}
.hblist dd {
line-height: 16px;
}
.hblist dd a {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mapservice {
padding-bottom: 30px;
}
.mapservice .title {
height: 30px;
}
.mapservice .title h2 {
float: left;
line-height: 20px;
font-weight: bold;
font-size: 16px;
}
.mapservice .title nav {
position: relative;
float: right;
height: 20px;
line-height: 20px;
}
.mapservice .adder {
float: left;
height: 20px;
font-size: 12px;
color: #f66;
}
.mapservice .adder mark {
float: left;
width: 11px;
height: 16px;
margin-right: 10px;
margin-top: 3px;
background: url(../img/adder.png) no-repeat;
}
.mapservice em {
float: left;
width: 40px;
height: 20px;
margin-left: 10px;
line-height: 20px;
text-align: center;
font-size: 12px;
color: #999;
border-radius: 2px;
background-color: #f8f8f8;
cursor: pointer;
}
.mapservice em:hover {
color: #f66;
}
.mapservice .submenuWrap2 {
position: absolute;
left: -360px;
top: 30px;
width: 434px;
height: 330px;
padding-right: 25px;
border-radius: 3px;
background-color: #fff;
box-shadow: 0 0 4px 4px #e8e8e8;
z-index: -66;
visibility: hidden;
}
.mapservice .submenuWrap2 h4 {
float: left;
width: 410px;
height: 46px;
line-height: 46px;
padding-left: 20px;
}
.mapWrap {
padding: 10px;
border: 1px solid #eee;
border-radius: 3px;
}
.map {
position: relative;
width: 725px;
height: 440px;
border-radius: 3px;
}
.search {
position: absolute;
left: 20px;
top: 20px;
width: 400px;
height: 40px;
}
.search input {
float: left;
width: 324px;
height: 40px;
padding-left: 16px;
line-height: 40px;
border: none;
border-radius: 3px 0 0 3px;
font-size: 16px;
-webkit-appearance: none;
}
.search input::-webkit-search-cancel-button {
display: none;
}
.search button {
float: left;
width: 60px;
height: 40px;
border: none;
border-radius: 0 3px 3px 0;
background: url(../img/search.png) no-repeat center center;
background-color: #ff6060;
}
.fuwumsg {
width: 433px;
}
.title2 {
width: 408px;
height: 15px;
line-height: 15px;
padding: 0 10px;
margin: 10px 0 20px;
border-left: 5px solid #f66;
}
.title2 h6 {
float: left;
font-size: 15px;
color: #333;
font-weight: bold;
}
.title2 p {
float: right;
font-size: 12px;
}
.title2 p span {
margin: 0 3px;
color: #f66;
}
.title3 {
margin-top: 20px;
}
.officeSpace {
height: 100px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.officeSpace .cdpic {
width: 160px;
border: 1px solid #eee;
border-radius: 3px;
}
.officeSpace .cdpic img {
width: 160px;
height: 100px;
border-radius: 3px;
}
.officeSpace .textMsg {
width: 253px;
}
.officeSpace .textMsg h6 {
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
margin-bottom: 2px;
}
.officeSpace .textMsg h6 a {
float: left;
max-width: 233px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.officeSpace .textMsg h6 a:hover {
color: #f66;
}
.officeSpace .textMsg h6 span {
float: left;
width: 20px;
height: 16px;
margin-top: 8px;
background: url(../img/huo.png) no-repeat right bottom;
}
.officeSpace .textMsg .describe {
height: 36px;
line-height: 18px;
margin-bottom: 15px;
}
.officeSpace .textMsg .score {
height: 16px;
line-height: 16px;
font-size: 12px;
color: #999;
}
.officeSpace .textMsg .score span {
float: left;
width: 62px;
}
.officeSpace .textMsg .score .stars0 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 1px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars1 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -39px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars2 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -79px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars3 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -119px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars4 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -159px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars5 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -199px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars05 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -19px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars15 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -59px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars25 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -99px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars35 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -139px;
margin-right: 10px;
}
.officeSpace .textMsg .score .stars45 {
width: 82px;
height: 16px;
background: url(../img/stars.png) no-repeat 0 -179px;
margin-right: 10px;
}
.officeSpace .textMsg .score strong {
float: left;
font-size: 15px;
font-weight: bold;
color: #f90;
line-height: 14px;
}
.officeSpace .textMsg .score mark {
float: left;
color: #f90;
line-height: 16px;
}
.activity {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.hdgslogo {
width: 128px;
height: 80px;
margin-right: 10px;
}
.hdgslogo img {
width: 128px;
height: 80px;
border-radius: 2px;
}
.textMsg2 {
width: 295px;
line-height: 20px;
}
.textMsg2 dt {
width: 295px;
height: 40px;
line-height: 20px;
overflow: hidden;
margin-bottom: 15px;
font-size: 18px;
font-weight: bold;
}
.textMsg2 dt:hover {
color: #f66;
}
.textMsg2 dd {
font-size: 12px;
color: #666;
}
.textMsg2 dd:last-child span {
float: left;
width: 12px;
height: 14px;
margin-top: 4px;
margin-right: 10px;
background: url(../img/nmap.png) no-repeat -73px -256px;
}
.textMsg2 dd:nth-last-child(2) span {
float: left;
width: 13px;
height: 13px;
margin-top: 4px;
margin-right: 10px;
background: url(../img/nmap.png) no-repeat -71px -225px;
}
.ruzhuqy {
width: 389px;
height: 50px;
}
.ruzhuqy li {
position: relative;
float: left;
width: 48px !important;
height: 48px;
border: 1px solid #eee;
margin-right: 16px;
}
.ruzhuqy li img {
width: 48px;
height: 48px;
}
.ruzhuqy .next2 {
position: absolute;
right: -22px;
width: 10px;
height: 48px;
border: 1px solid #eee;
margin-top: -25px;
background: url(../img/left-right.png) no-repeat -7px center;
background-color: #fff;
}
.ruzhuqy .prev2 {
position: absolute;
left: -22px;
width: 10px;
height: 48px;
border: 1px solid #eee;
margin-top: -25px;
background: url(../img/left-right.png) no-repeat 2px center;
background-color: #fff;
}
.scservice {
padding-bottom: 80px;
}
.scservice .title {
height: 30px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
}
.scservice li {
float: left;
width: 180px;
padding: 40px 20px;
margin-right: 25px;
border-top: 3px solid;
border-radius: 3px;
text-align: center;
background-color: #f5f5f5;
color: #31424e;
}
.scservice li:last-child {
margin-right: 0;
}
.scservice li h3 {
height: 24px;
line-height: 24px;
font-size: 20px;
margin-bottom: 30px;
}
.scservice li div {
height: 74px;
text-align: center;
margin-bottom: 30px;
}
.scservice li p {
height: 66px;
padding: 0 10px;
line-height: 22px;
font-size: 13px;
letter-spacing: 2px;
overflow: hidden;
margin-bottom: 23px;
}
.scservice li .linker {
height: 28px;
margin: 0 10px;
line-height: 28px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
color: #31424e;
}
.scservice .enterpriser {
border-top-color: #91d6df;
}
.scservice .enterpriser:hover .linker {
color: #91d6df;
}
.scservice .popularizing {
border-top-color: #fa9969;
}
.scservice .popularizing:hover .linker {
color: #fa9969;
}
.scservice .doubleMap {
border-top-color: #f66;
}
.scservice .doubleMap:hover .linker {
color: #f66;
}
.scservice .platform {
border-top-color: #acacea;
}
.scservice .platform:hover .linker {
color: #acacea;
}
.scservice .screenData {
border-top-color: #2b96e2;
}
.scservice .screenData:hover .linker {
color: #2b96e2;
}
.img {
position: relative;
padding: 0 0 0 300px;
width: 550px;
border-bottom: none;
height: 180px;
background: #f8f8f8;
}
.theme {
position: relative;
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.theme .pic {
position: absolute;
left: 0;
width: 160px;
height: 100px;
margin-right: 20px;
}
.theme .pic img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.theme .listwrap h4 {
max-height: 64px;
line-height: 32px;
overflow: hidden;
}
.theme .msgwrap {
width: 100%;
margin-top: 10px;
line-height: 20px;
}
.theme .txt {
position: absolute;
left: 0;
top: 0px;
width: 36px;
height: 18px;
line-height: 16px;
font-size: 12px;
color: #fff;
padding-top: 0;
text-align: center;
background-color: #d23337;
border-radius: 0 0 3px 3px;
}
.theme .followwith {
position: absolute;
right: 0;
top: 30px;
width: 53px;
height: 24px;
line-height: 24px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
color: #fe3336;
cursor: pointer;
}
.theme2 {
/*2018-02-12 zhangjunyao 淇敼*/
position: relative;
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.theme2 .pic {
height: 137px;
}
.theme2 .pic img {
width: 220px;
height: 100%;
border-radius: 3px;
margin-right: 20px;
}
.theme2 .pic a {
display: inline-block;
width: 130px;
height: 100%;
background-color: #f5f5f5;
vertical-align: middle;
line-height: 137px;
text-align: center;
font-size: 14px;
color: #999;
}
.theme2 .sub-positioning {
height: 53px;
line-height: 53px;
}
.theme2 .sub-positioning span {
float: left;
position: relative;
z-index: 1;
background: none;
}
.theme2 .sub-positioning .ydon:before {
position: absolute;
left: 0;
top: 20px;
content: '';
width: 15px;
height: 11px;
background: url(../img/theme.png) no-repeat;
background-size: 100%;
}
.theme2 .sub-positioning .zxon:before {
position: absolute;
left: 5px;
top: 20px;
content: '';
width: 18px;
height: 14px;
background: url(../img/theme.png) no-repeat 0 -36px;
background-size: 100%;
}
.theme2 .sub-positioning .gznum {
padding-left: 25px;
margin-right: 20px;
}
.theme2 .sub-positioning .gznum:before {
position: absolute;
left: 3px;
top: 22px;
content: '';
width: 16px;
height: 10px;
background: url(../img/theme.png) no-repeat 0 -68px;
background-size: 100%;
}
.theme2 .sub-positioning img {
width: 20px;
height: 20px;
border: 1px solid #eee;
border-radius: 50%;
margin: 15px 0 0 -10px;
}
.theme2 .sub-positioning .dot {
float: left;
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid #eee;
background-color: #eee;
border-radius: 50%;
margin: 15px 0 0 -10px;
text-align: center;
}
.theme2 .listwrap h4 {
max-height: 64px;
line-height: 32px;
overflow: hidden;
}
.theme2 .msgwrap {
width: 100%;
margin-top: 10px;
line-height: 20px;
}
.theme2 .txt {
position: relative;
padding: 0 0 20px 56px;
overflow: initial;
z-index: 1;
display: block;
}
.theme2 .txt .zhuti {
position: absolute;
top: -21px;
left: 0;
width: 32px;
height: 60px;
padding-top: 8px;
border: 1px solid #acb1b4;
font-size: 22px;
line-height: 18px;
text-align: center;
}
.theme2 .txt a {
display: block;
font-size: 28px;
line-height: 36px;
padding-top: 6px;
}
.theme2 .followwith {
position: absolute;
right: 0;
top: 30px;
width: 53px;
height: 24px;
line-height: 24px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
color: #fe3336;
cursor: pointer;
}
.Fvmoreza {
overflow: hidden;
padding: 20px 0 20px 0!important;
}
.Fvmoreza img {
float: left;
position: relative;
top: 5px;
}
.Fvmoreza .Fvwzcy {
float: left;
width: 570px;
line-height: 38px;
}
.Fvmoreza .Fvwzcy h2 {
padding-left: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
font-size: 16px;
}
.Fvmoreza .Fvwzcy h2:after {
content: '';
width: 25px;
height: 25px;
background: url(../img/wzgcicon.png) no-repeat 0px 8px;
position: absolute;
left: 20px;
top: 5px;
}
.Fvmoreza .Fvwzcy h2:hover {
color: #f66;
}
.Fvmoreza .Fvwzcy h2:hover:after {
background-position: 0px -16px;
}
.Fvmoreza .Fvwzcy h1 {
padding-left: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
font-size: 16px;
}
.Fvmoreza .Fvwzcy h1:after {
content: '';
width: 25px;
height: 25px;
background: url(../img/wzgcicon.png) no-repeat 0px 8px;
position: absolute;
left: 20px;
top: 5px;
}
.Fvmoreza .Fvwzcy h1:hover {
color: #f66;
}
.Fvmoreza .Fvwzcy h1:hover:after {
background-position: 0px -16px;
}
.Fvmoreza .Fvgc {
float: left;
width: 570px;
line-height: 38px;
}
.Fvmoreza .Fvgc h1 {
padding-left: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
font-size: 16px;
}
.Fvmoreza .Fvgc h1:after {
content: '';
width: 25px;
height: 25px;
background: url(../img/wzgcicon.png) no-repeat 0px -39px;
position: absolute;
left: 20px;
top: 5px;
}
.Fvmoreza .Fvgc h1:hover {
color: #f66;
}
.Fvmoreza .Fvgc h1:hover:after {
background-position: 0px -62px;
}
.Fvmoreza .Fvgc h2 {
padding-left: 50px;
position: relative;
font-size: 16px;
}
.Fvmoreza .Fvgc h2 a {
display: block;
width: 100%;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.Fvmoreza .Fvgc h2:after {
content: '';
width: 25px;
height: 25px;
background: url(../img/wzgcicon.png) no-repeat 0px -39px;
position: absolute;
left: 20px;
top: 5px;
}
.Fvmoreza .Fvgc h2:hover {
color: #f66;
}
.Fvmoreza .Fvgc h2:hover:after {
background-position: 0px -62px;
}
.Fvmoreza .Fvxgzz {
line-height: 38px;
}
.Fvmoreza .Fvxgzz h1 {
padding-left: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
font-size: 16px;
}
.Fvmoreza .Fvxgzz h1:after {
content: '';
width: 25px;
height: 25px;
background: url(../img/wzgcicon.png) no-repeat 0px -89px;
position: absolute;
left: 20px;
top: 5px;
}
.Fvmoreza .Fvxgzz h1:hover {
color: #f66;
}
.Fvmoreza .Fvxgzz h1:hover:after {
background-position: 0px -118px;
}
.Fvmoreza .Fvxgzz h2 {
padding-left: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
font-size: 16px;
}
.Fvmoreza .Fvxgzz h2:after {
content: '';
width: 25px;
height: 25px;
background: url(../img/wzgcicon.png) no-repeat 0px -89px;
position: absolute;
left: 20px;
top: 5px;
}
.Fvmoreza .Fvxgzz h2:hover {
color: #f66;
}
.Fvmoreza .Fvxgzz h2:hover:after {
background-position: 0px -118px;
}
.fixedR {
position: fixed;
right: 351px;
top: 120px;
width: 320px;
padding-top: 10px;
z-index: 9999;
display: none;
}
.rzxxWrap {
position: absolute;
left: 40px;
top: -80px;
width: 284px;
height: 50px;
padding: 16px 20px 16px 14px;
border: 1px solid #f66;
border-radius: 3px;
background-color: #fff;
display: none;
z-index: 59;
}
.botsj {
position: absolute;
left: 50%;
bottom: -6px;
width: 8px;
height: 8px;
border-left: 1px solid #f66;
border-top: 1px solid #f66;
transform: rotate(-135deg);
background-color: #fff;
}
.rzqylogo {
width: 48px;
height: 48px;
border: 1px solid #eee;
margin-right: 10px;
}
.rzqylogo img {
width: 48px;
height: 48px;
}
.qynames {
width: 224px;
height: 26px;
line-height: 26px;
}
.qynames h6 {
float: left;
width: 164px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
.qynames p {
width: 58px;
height: 18px;
line-height: 18px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
color: #f66;
font-size: 12px;
}
.addern {
width: 204px;
padding-left: 20px;
background: url(../img/cdsc.png) no-repeat -4px 6px;
color: #666;
font-size: 12px;
letter-spacing: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.A_nav {
position: fixed;
top: 61px;
width: 100%;
min-width: 1200px;
height: 29px;
border-bottom: 1px solid #eee;
background: #fff;
z-index: 999;
}
.A_nav .A_nalis {
width: 1200px;
margin: 0 auto;
}
.A_nav .A_nalis li {
float: left;
}
.A_nav .A_nalis li > a {
float: left;
line-height: 28px;
padding: 0 15px;
margin-right: 13px;
font-size: 12px;
color: #666;
}
.A_nav .A_nalis li > a:hover {
border-bottom: 3px solid #ff636b;
position: relative;
}
.A_nav .A_nalis li .nred {
font-size: 14px;
color: #666;
border-bottom: 3px solid #ff636b;
}
.A_nav .A_nalis .active > a {
font-weight: bold;
border-bottom: 3px solid #ff636b;
position: relative;
}
.content {
width: 1200px;
margin: 0 auto;
min-width: 1200px;
}
.cont2 {
overflow: hidden;
margin-top: 20px;
}
.U_left {
width: 240px;
padding: 40px;
float: left;
margin-top: 20px;
border-radius: 3px;
background: #fff;
position: relative;
}
.U_left .user_gl {
padding-top: 20px;
}
.U_left .user_gl h1 {
font-size: 16px;
font-weight: bold;
height: 36px;
line-height: 36px;
}
.U_left .user_gl h1 span {
float: left;
color: #FF6764;
border-bottom: 3px solid #FF6764;
}
.U_left .user_gl dl {
clear: both;
padding-top: 20px;
}
.U_left .user_gl dl dt {
width: 58px;
height: 58px;
float: left;
}
.U_left .user_gl dl dt img {
display: block;
width: 58px;
height: 58px;
}
.U_left .user_gl dl dd {
float: left;
line-height: 58px;
font-size: 16px;
padding-left: 20px;
max-width: 155px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.U_left .U_cdname {
position: absolute;
width: 17px;
height: 17px;
right: 30px;
top: 30px;
background: url(../img/xgn.jpg);
}
.user_text {
line-height: 25px;
color: #666;
}
.numdy {
padding: 15px 0;
overflow: hidden;
}
.numdy .bin {
float: left;
width: 118px;
}
.numdy .bin div {
text-align: center;
color: #999;
font-size: 12px;
line-height: 20px;
}
.numdy .bin .ubm {
color: #666;
font-weight: bold;
}
.numdy .bin2 {
border-right: 1px solid #eee;
}
.user_new {
padding-top: 20px;
text-align: center;
}
.user_new h1 {
line-height: 58px;
font-size: 18px;
font-weight: bold;
}
.user_new .wqyh dt {
line-height: 50px;
}
.user_new .wqyh dd {
margin-top: 20px;
}
.user_new .wqyh dd a {
display: inline-block;
width: 140px;
height: 30px;
line-height: 30px;
border-radius: 3px;
background-color: #f66;
color: #fff;
}
.user_new .shzqyh img {
width: 60px;
height: 60px;
}
.user_new .shzqyh dt {
margin-bottom: 5px;
}
.user_new .shzqyh dd {
font-size: 16px;
line-height: 26px;
}
.user_new .shzqyh .examine {
font-size: 12px;
color: #999;
}
.U_right {
width: 780px;
padding: 40px;
float: right;
background: #fff;
margin-top: 20px;
border-radius: 3px;
min-height: 700px;
margin-bottom: 20px;
}
.userinfor dt {
width: 58px;
height: 58px;
margin: 0 auto;
}
.userinfor dt img {
display: block;
width: 58px;
height: 58px;
}
.userinfor dd {
text-align: center;
font-size: 16px;
font-weight: bold;
line-height: 30px;
padding-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.userinfor .ziwei {
font-size: 14px;
color: #999;
line-height: 16px;
padding-top: 0;
}
.user_nav {
overflow: hidden;
}
.user_nav p {
float: left;
width: 100%;
border-bottom: 1px solid #eee;
}
.user_nav a {
float: left;
height: 27px;
line-height: 27px;
padding: 0 20px;
font-size: 12px;
position: relative;
}
.user_nav a:hover {
background: #fff;
border: 1px solid #eee;
border-bottom: none;
position: relative;
height: 26px;
line-height: 24px;
padding: 0 19px;
z-index: 1;
bottom: -1px;
color: #FF636B;
border-radius: 3px 3px 0 0;
}
.user_nav a:hover em {
display: none;
}
.user_nav a em {
position: absolute;
right: 0px;
background: #f66;
color: #fff;
font-size: 12px;
height: 14px;
line-height: 14px;
border-radius: 3px;
padding: 0 4px;
letter-spacing: 0;
}
.user_nav .tongz {
background: url(../img/riline.jpg) no-repeat left center;
}
.user_nav .actyes {
background: #fff;
border: 1px solid #eee;
border-bottom: none;
position: relative;
height: 26px;
line-height: 24px;
z-index: 1;
bottom: -1px;
color: #FF636B;
padding: 0 19px;
border-radius: 3px 3px 0 0;
}
.sabbox {
padding-top: 16px;
}
.sabbox li {
line-height: 70px;
}
.sabbox li div {
float: left;
}
.sabbox li div img {
width: 40px;
height: 40px;
}
.sabbox li .accountIcon {
width: 100px;
}
.sabbox li .empower {
width: 136px;
}
.sabbox li .account {
width: 284px;
color: #999;
}
.sabbox li .unempower {
width: 136px;
color: #f66;
}
.sabbox li button {
width: 90px;
height: 36px;
border: none;
border-radius: 3px;
}
.sabbox li button:hover {
background-color: #ce312d;
color: #fff;
}
.sabbox li .remEmpower {
background-color: #eee;
color: #999;
}
.sabbox li .getEmpower {
background-color: #ce312d;
color: #fff;
}
.gaolifn {
padding-top: 20px;
overflow: hidden;
clear: both;
font-size: 12px;
}
.gaolifn span {
float: left;
line-height: 24px;
}
.gaolifn .bilg {
padding-left: 88px;
}
.gaolifn p {
float: right;
}
.gaolifn a {
display: block;
float: left;
line-height: 24px;
margin-left: 10px;
padding: 0 13px;
border-radius: 3px;
}
.gaolifn a:hover {
color: #fff;
background: #FF636B;
}
.gaolifn .pagered {
color: #fff;
background: #FF636B;
}
.gaolifn .glb {
background: #eee;
}
.gaolifn .page {
width: 24px;
line-height: 24px;
text-align: center;
border-radius: 50%;
padding: 0;
}
.U_tobox li {
border-bottom: 1px dashed #eee;
padding: 25px 0;
}
.U_tobox li h1 {
line-height: 40px;
font-size: 18px;
font-weight: bold;
}
.U_tobox li h1 span {
padding-right: 10px;
}
.U_tobox li h1 em {
padding: 0 10px;
}
.U_tobox li p {
line-height: 30px;
font-size: 12px;
color: #969696;
}
.U_tobox li p span {
float: right;
color: #ff636b;
font-size: 12px;
cursor: pointer;
}
.U_tobox .U_yread {
color: #999;
}
.U_tobox .U_smailc {
padding-bottom: 10px;
display: none;
}
.U_tobox .U_smailc h2 {
line-height: 30px;
font-size: 14px;
color: #666;
padding-bottom: 20px;
}
.U_tobox .U_smailc h2 a {
color: #ff636b;
text-decoration: underline;
padding: 0 3px;
}
.U_tobox .U_smailc div {
width: 75px;
overflow: hidden;
}
.U_tobox .U_smailc div span {
text-align: center;
color: #666;
font-size: 12px;
}
.U_tobox .U_smailc div img {
display: block;
width: 70px;
height: 70px;
}
.U_toboxcoll li p span {
display: none;
}
.U_toboxcoll li p img {
max-width: 100%;
}
.U_toboxcoll li:hover a {
color: #ff636b;
}
.U_toboxcoll li:hover p span {
display: block;
}
.U_conbox li h1 {
font-size: 14px;
}
.U_conbox li h2 {
font-size: 14px;
padding-bottom: 10px;
}
.U_conbox li h2 span {
margin-right: 10px;
}
.U_conbox li h3 {
padding-left: 14px;
border-left: 2px solid #eee;
}
.U_conbox li p span {
color: #333;
font-weight: bold;
}
.U_bylog {
overflow: hidden;
padding-bottom: 15px;
}
.U_bylog .Uble {
float: left;
}
.U_bylog .Uble img {
float: left;
width: 40px;
height: 40px;
border-radius: 50%;
}
.U_bylog .Uble p {
float: left;
line-height: 40px;
padding-left: 10px;
font-size: 14px;
color: #333;
}
.U_bylog .Ubrig {
float: right;
font-size: 12px;
color: #999;
cursor: pointer;
}
.U_bylog .Ubrig em {
float: left;
width: 20px;
height: 15px;
background: url(../img/atc2.png) no-repeat -118px 0;
position: relative;
top: 6px;
left: -5px;
}
.U_atmi {
overflow: hidden;
background: #f8f8f8;
height: 30px;
padding: 15px 20px;
line-height: 30px;
margin-top: 10px;
}
.U_atmi dl {
float: left;
margin-right: 10px;
}
.U_atmi dl dt {
float: left;
margin-right: 10px;
}
.U_atmi dl dt img {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
}
.U_atmi dl dd {
float: left;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.U_atmi .Uan {
float: left;
color: #999;
}
.U_atmi .U_atime {
float: right;
font-size: 12px;
color: #999;
}
.U_tbxt {
padding: 160px 0 30px 0;
font-weight: bold;
font-size: 20px;
text-align: center;
}
.U_share {
padding-left: 6px;
position: relative;
}
.U_share .baleft {
display: block;
position: absolute;
left: 0;
background: #fff;
width: 10px;
height: 30px;
}
.U_share li {
padding: 20px 0 10px 25px;
border-left: 1px solid #eee;
}
.U_share li p {
font-size: 12px;
position: relative;
}
.U_share li p em {
position: absolute;
width: 10px;
height: 10px;
background: #eee;
left: -30px;
border-radius: 50%;
top: 6px;
}
.U_share li p span {
display: block;
height: 20px;
line-height: 20px;
float: left;
background: #eee;
position: relative;
left: -8px;
padding: 0 10px;
}
.U_share li h1 {
clear: both;
padding-top: 20px;
}
.U_share li h1 a {
font-weight: bold;
padding: 0 3px;
}
.U_more {
display: block;
border: 1px solid #eee;
height: 28px;
line-height: 28px;
text-align: center;
font-size: 12px;
margin-top: 15px;
}
.U_accot {
padding: 20px 0;
float: left;
width: 100%;
}
.U_accot p {
line-height: 50px;
height: 50px;
font-weight: bold;
font-size: 16px;
}
.U_accot p em {
color: #ff636b;
padding: 0 10px;
}
.U_accot p .ale {
padding-left: 40px;
}
.U_accot p span {
font-size: 12px;
color: #666;
}
.U_accot p a {
color: #ff636b;
text-decoration: underline;
font-size: 12px;
}
.U_accot .U_accobon {
clear: both;
float: left;
width: 100%;
}
.U_accot .U_accobon h1 {
float: left;
}
.U_accot .U_accobon h1 span {
font-weight: bold;
padding-right: 30px;
float: left;
}
.U_accot .U_accobon h1 span em {
padding-left: 20px;
color: #ff636b;
}
.U_accot .U_accobon h1 a {
float: left;
width: 80px;
height: 30px;
line-height: 30px;
background: #ff636b;
text-align: center;
color: #fff;
border-radius: 3px;
}
.U_accot .U_accobon .U_mnlist {
float: right;
}
.U_mybox {
background: #F5F5F5;
padding: 20px;
border-radius: 5px;
margin-bottom: 30px;
}
.U_mybox h2 {
overflow: hidden;
height: 30px;
padding: 5px 0;
}
.U_mybox h2 span {
float: left;
width: 170px;
font-size: 14px;
}
.U_mybox h2 em {
float: left;
font-size: 12px;
color: #999;
}
.U_mybox h2 a {
float: right;
width: 58px;
height: 22px;
line-height: 22px;
text-align: center;
border: 1px solid #eee;
color: #ff636b;
font-size: 12px;
border-radius: 3px;
}
.U_iphon {
float: left;
}
.U_iphon li {
position: relative;
padding-left: 105px;
padding-bottom: 20px;
font-size: 12px;
}
.U_iphon li input {
width: 300px;
background: #F8F8F8;
padding: 0 10px;
height: 30px;
line-height: 30px;
border: none;
border-radius: 3px;
}
.U_iphon li em {
display: inline-block;
width: 80px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FF6666;
font-size: 12px;
border-radius: 3px;
cursor: pointer;
border: 1px solid #eee;
}
.U_iphon li span {
position: absolute;
left: 0;
top: 4px;
font-size: 14px;
}
.U_iphon li button {
width: 90px;
height: 30px;
border: 0;
background: #ff636b;
color: #fff;
border-radius: 4px;
}
.U_iphon li h6 {
position: absolute;
bottom: -3px;
color: #ff636b;
font-size: 12px;
}
.U_iphon .forpi input {
width: 1px;
height: 1px;
padding: 0;
border: 0;
}
.U_iphon .forpi p {
width: 300px;
float: left;
padding: 0 10px;
background: #F8F8F8;
height: 30px;
line-height: 30px;
color: #a9a9a9;
}
.U_iphon .forpi label {
display: inline-block;
width: 80px;
height: 28px;
text-align: center;
line-height: 28px;
color: #FF6666;
font-size: 12px;
border-radius: 3px;
cursor: pointer;
border: 1px solid #eee;
}
.U_iphontp {
padding-top: 40px;
}
.U_yesbox {
padding-top: 110px;
}
.U_yesbox div {
width: 60px;
height: 60px;
margin: 10px auto;
}
.U_yesbox p {
line-height: 24px;
text-align: center;
}
.U_yesbox p span {
color: #ff636b;
padding: 0 6px;
}
.U_yesbox p a {
color: #ff636b;
text-decoration: underline;
padding: 0 4px;
}
.U_bosli {
clear: both;
background: #F5F5F5;
overflow: hidden;
height: 50px;
line-height: 50px;
border-radius: 3px;
margin-top: 40px;
}
.U_bosli div {
float: left;
text-align: center;
}
.U_bosli div:nth-child(1) {
width: 166px;
}
.U_bosli div:nth-child(2) {
width: 330px;
}
.U_bosli div:nth-child(3) {
width: 280px;
}
.U_mlists li {
border-bottom: 1px dashed #eee;
padding: 25px 0;
overflow: hidden;
}
.U_mlists li div {
text-align: center;
font-size: 12px;
float: left;
}
.U_mlists li div:nth-child(1) {
width: 165px;
}
.U_mlists li div:nth-child(2) {
width: 330px;
}
.U_mlists li div:nth-child(3) {
width: 280px;
}
.cssSelect {
white-space: nowrap;
float: left;
}
.cssSelect * {
display: block;
}
.cssSelect a {
color: #666;
outline-width: 0px;
text-decoration: none;
background: #f0f;
}
.cssSelect .selectBox {
cursor: pointer;
border: solid 1px #c8c8c8;
float: left;
}
.cssSelect .selectLt {
cursor: pointer;
float: left;
text-align: left;
overflow: hidden;
}
.cssSelect .selectRt {
cursor: pointer;
background: url('../img/skin_icons1.png') 3px 8px no-repeat;
float: right;
border-left: 0;
}
.cssSelect .selectBox {
width: 200px;
border-radius: 2px;
border-color: #eee;
}
.cssSelect .selectLt {
overflow: hidden;
height: 34px;
line-height: 31px;
padding: 0 10px;
background: none transparent scroll repeat 0% 0%;
color: #666;
}
.cssSelect .selectRt {
height: 34px;
padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 28px;
}
.cssSelect .sNormal {
background-position: 0px 0px;
}
/*.cssSelect .sNormal .selectRt { background-position: 100% 0px}*/
.cssSelect .sHover {
background-position: 0px -50px;
}
.cssSelect .sHover .selectRt {
background: url('../img/skin_icons1.png') -26px 8px no-repeat;
}
.cssSelect .sPressDown .selectRt {
background: url('../img/skin_icons1.png') 3px 8px no-repeat;
float: right;
}
.cssSelect .optionsBox {
position: absolute;
border: 1px solid #dbdbdb;
padding: 2px;
margin: 0px;
background: #fff;
z-index: 100;
}
.cssSelect .optionsInnerBox {
width: 196px;
}
.cssSelect .optionBox {
cursor: pointer;
padding: 2px 30px 2px 10px;
margin: 0px;
height: 25px;
line-height: 25px;
}
.cssSelect .optionBox span {
cursor: pointer;
font-size: 12px;
}
.cssSelect .oNormal {
line-height: 30px;
}
.cssSelect .oHover {
background: #c8c8c8;
color: #fff;
}
.cssSelect .selected {
background: #c8c8c8;
color: #fff;
}
.cssSelect .optionsInnerBox .optionBox span {
position: relative;
line-height: 24px;
}
#select_ui_id_allbing .selectBox {
width: 148px;
border-color: #e8e8e8;
}
#select_ui_id_allbing .optionsInnerBox {
width: 145px;
}
#select_ui_id_allbing .optionsInnerBox span {
padding-left: 0;
}
#select_ui_id_moldy .selectBox {
width: 314px;
border-color: #e8e8e8;
}
#select_ui_id_moldy .optionsInnerBox {
width: 310px;
}
#select_ui_id_moldy .optionsInnerBox span {
padding-left: 0;
}
#select_ui_id_stmy .selectBox {
width: 158px;
border-color: #e8e8e8;
}
#select_ui_id_stmy .optionsInnerBox {
width: 155px;
}
#select_ui_id_stmy .optionsInnerBox span {
padding-left: 0;
}
#select_ui_id_stmy2 .selectBox {
width: 158px;
border-color: #e8e8e8;
}
#select_ui_id_stmy2 .optionsInnerBox {
width: 155px;
}
#select_ui_id_stmy2 .optionsInnerBox span {
padding-left: 0;
}
.U_userinfor li {
position: relative;
padding: 15px 0 15px 50px;
}
.U_userinfor li span {
position: absolute;
left: 0;
}
.U_userinfor li h1 {
position: relative;
left: -50px;
font-size: 16px;
font-weight: bold;
}
.U_userinfor li input {
border: 0;
width: 300px;
height: 30px;
background: #F8F8F8;
border-radius: 4px;
padding: 0 10px;
}
.U_userinfor li textarea {
width: 700px;
height: 100px;
background: #F8F8F8;
resize: none;
border: 0;
border-radius: 4px;
padding: 10px;
}
.U_userinfor .U_ufile input {
width: 1px;
height: 1px;
padding: 0;
}
.U_userinfor .U_ufile label {
float: left;
width: 78px;
height: 22px;
border: 1px solid #eee;
color: #ff636b;
text-align: center;
line-height: 22px;
border-radius: 3px;
font-size: 12px;
}
.U_userinfor .U_ufile em {
color: #999;
font-size: 12px;
}
.U_userinfor .U_uspic {
overflow: hidden;
clear: both;
}
.U_userinfor .U_uspic .one {
width: 200px;
height: 200px;
background: url(../img/user4.jpg) no-repeat;
background-size: 100% 100%;
text-align: center;
vertical-align: middle;
line-height: 200px;
float: left;
margin-right: 20px;
}
.U_userinfor .U_uspic .one img {
max-width: 200px;
max-height: 200px;
vertical-align: middle;
}
.U_userinfor .U_uspic .one2 {
width: 60px;
position: relative;
top: 115px;
float: left;
margin-right: 20px;
}
.U_userinfor .U_uspic .one2 p {
line-height: 25px;
}
.U_userinfor .U_uspic .one2 div {
width: 60px;
height: 60px;
background: url(../img/user4.jpg) no-repeat;
background-size: 100% 100%;
}
.U_userinfor .U_uspic .one2 div img {
display: block;
width: 60px;
height: 60px;
}
.U_userinfor .U_uspic .one3 {
width: 50px;
height: 50px;
background: url(../img/user5.jpg) no-repeat;
background-size: 100% 100%;
position: relative;
border-radius: 50%;
top: 150px;
overflow: hidden;
float: left;
margin-right: 20px;
}
.U_userinfor .U_uspic .one3 img {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
}
.U_userinfor .U_uspic .one4 {
width: 30px;
height: 30px;
background: url(../img/user6.jpg) no-repeat;
background-size: 100% 100%;
position: relative;
border-radius: 50%;
overflow: hidden;
top: 170px;
float: left;
margin-right: 20px;
}
.U_userinfor .U_uspic .one4 img {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
}
.U_userinfor .U_usex {
overflow: hidden;
}
.U_userinfor .U_usex span {
top: 17px;
}
.U_userinfor .U_usex input {
width: 14px;
display: none;
}
.U_userinfor .U_usex label {
display: inline-block;
width: 30px;
height: 30px;
border: 1px solid #ddd;
text-align: center;
line-height: 30px;
float: left;
margin-right: 15px;
font-size: 12px;
border-radius: 3px;
cursor: pointer;
}
.U_userinfor .U_usex .ylas {
border: 1px solid #f66;
color: #f66;
}
.U_userinfor .U_usf {
clear: both;
float: left;
}
.U_btn {
width: 80px;
height: 30px;
border: 0;
background: #ff636b;
color: #fff;
border-radius: 3px;
}
.footboxn {
clear: both;
width: 100%;
min-width: 1200px;
background: #333;
}
.footboxn p {
width: 1200px;
margin: 0 auto;
text-align: center;
line-height: 30px;
color: #999;
}
.footboxn p em {
padding: 0 10px;
}
.blackbox {
width: 100%;
height: 100%;
position: fixed;
background: #fff;
opacity: .5;
z-index: 100;
}
.popup {
width: 400px;
padding: 30px 50px 40px;
position: fixed;
z-index: 101;
left: 50%;
margin-left: -200px;
top: 25%;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 5px #000;
}
.popup h1 {
text-align: center;
font-size: 40px;
font-size: 24px;
font-weight: bold;
line-height: 50px;
}
.popup .liks {
border-bottom: 1px solid #eee;
}
.popup .overc {
position: absolute;
right: 30px;
top: 20px;
font-size: 30px;
}
.popup h2 {
text-align: center;
font-size: 12px;
}
.popup h2 a {
display: inline-block;
width: 90px;
height: 35px;
line-height: 35px;
background: #eee;
border-radius: 4px;
margin-right: 10px;
color: #666;
}
.popup h2 button {
width: 90px;
height: 34px;
background: #ff636b;
border: none;
border-radius: 4px;
color: #fff;
font-size: 12px;
}
.popup .iknow {
padding-top: 20px;
}
.popup h6 {
position: absolute;
bottom: -3px;
font-size: 12px;
color: #ff636b;
}
.popup p {
text-align: center;
line-height: 20px;
padding: 5px 0 0;
}
.popup .txmay li {
position: relative;
padding-left: 80px;
padding-bottom: 20px;
}
.popup .txmay li span {
width: 80px;
position: absolute;
left: 0;
line-height: 36px;
}
.popup .txmay li input {
width: 298px;
padding: 0 10px;
height: 34px;
line-height: 34px;
border: 1px solid #eee;
}
.no {
display: none;
}
.H_left {
width: 285px;
padding: 30px 0 30px 35px;
background: #fff;
float: left;
}
.H_left li {
padding-left: 20px;
position: relative;
height: 35px;
line-height: 35px;
cursor: pointer;
}
.H_left li span {
position: absolute;
left: 0;
width: 12px;
height: 8px;
background: #ff636b;
top: 14px;
display: none;
}
.H_left li:hover {
color: #ff636b;
}
.H_left li:hover span {
display: block;
}
.H_left .rbed {
color: #ff636b;
}
.H_left .rbed span {
display: block;
}
.H_rig {
float: right;
width: 760px;
background: #fff;
padding: 40px 50px;
margin-bottom: 30px;
}
.H_rig .H_box {
font-size: 16px;
display: none;
}
.H_rig .H_box div {
width: 704px;
height: 465px;
margin: 15px auto;
}
.H_rig .H_box h1 {
text-align: center;
font-size: 28px;
line-height: 50px;
}
.H_rig .H_box h1 span {
font-weight: bold;
}
.H_rig .H_box p {
line-height: 30px;
width: 620px;
margin: 0 auto;
padding-bottom: 20px;
letter-spacing: 2px;
}
.H_rig .H_box p em {
font-weight: bold;
}
.H_rig .H_box ul {
width: 620px;
margin: 0 auto;
}
.H_rig .H_box ul li {
line-height: 30px;
position: relative;
padding-left: 20PX;
padding-bottom: 10px;
letter-spacing: 2px;
}
.H_rig .H_box ul li span {
position: absolute;
left: 0;
top: 8px;
width: 13px;
height: 15px;
padding-left: 2px;
border-radius: 50%;
background: #ff636b;
text-align: center;
line-height: 15px;
font-size: 12px;
color: #fff;
}
.H_rig .H_box ul li em {
letter-spacing: 2px;
}
.H_rig .H_box ol {
width: 620px;
margin: 0 auto;
}
.H_rig .H_box ol li {
line-height: 44px;
padding-left: 20px;
position: relative;
letter-spacing: 2px;
}
.H_rig .H_box ol li span {
position: absolute;
left: 0;
top: 18px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #ff636b;
text-align: center;
line-height: 15px;
font-size: 12px;
}
.H_rig .H_box ol li em {
font-weight: bold;
}
.A_activle {
width: 780px;
float: left;
background: #fff;
padding: 40px 44px 40px 36px;
border-radius: 5px;
}
.A_actext {
border-bottom: 3px solid #eee;
padding-bottom: 40px;
padding-left: 80px;
position: relative;
min-height: 450px;
}
.A_actext .A_ctes {
width: 700px;
}
.A_actext .A_ctes h1 {
font-size: 28px;
text-align: center;
line-height: 35px;
}
.A_actext .A_ctes .A_pon1 {
text-align: center;
padding: 10px 0;
color: #999;
font-size: 12px;
}
.A_actext .A_ctes .A_pon1 span {
display: inline-block;
border: 1px solid #ff636b;
color: #ff636b;
height: 14px;
padding: 0 5px;
line-height: 14px;
font-size: 12px;
border-radius: 5px;
margin-right: 10px;
}
.A_actext .A_ctes .A_pon1 .A_em1 {
padding: 0 60px;
}
.A_actext .A_ctes .A_zys {
padding: 15px 30px;
background: #F8F8F8;
color: #666;
border-radius: 4px;
}
.A_actext .A_ctes .A_zys p {
line-height: 30px;
font-size: 16px;
}
.A_actext .A_ctes .A_zys p span {
font-weight: bold;
}
.A_actext .A_ctes .A_contxt {
overflow: hidden;
}
.A_actext .A_ctes .A_contxt a {
color: #333;
padding: 0 2px;
border-bottom: 1px solid #ddd;
padding-bottom: 2px;
}
.A_actext .A_ctes .A_contxt a:hover {
color: #333;
}
.A_actext .A_ctes .A_contxt p {
line-height: 30px;
padding: 15px 0;
font-size: 16px;
}
.A_actext .A_ctes .A_contxt p img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.A_actext .A_ctes .A_contxt blockquote p {
display: inline;
text-indent: 2em;
padding-right: 20px;
background: url(../img/sbjsna.png) no-repeat 0 0, #eeeeee url(../img/sbjsna.png) no-repeat right bottom;
padding: 0 10px;
}
.A_actext .A_ctes .A_contxt h3 {
font-size: 18px;
padding: 10px 0;
}
.A_actext .bdsharebuttonbox {
position: absolute;
left: 0;
top: 80px;
font-size: 12px;
color: #999;
width: 60px;
}
.A_actext .bdsharebuttonbox a {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
margin-top: 20px;
background: url(../img/atc1.jpg) no-repeat;
}
.A_actext .bdsharebuttonbox a:hover {
-o-animation: zoomInout 600ms ease;
-ms-animation: zoomInout 600ms ease;
-moz-animation: zoomInout 600ms ease;
-webkit-animation: zoomInout 600ms ease;
animation: zoomInout 600ms ease;
}
.A_actext .bdsharebuttonbox .bds_weixin {
background-position: 0 0;
}
.A_actext .bdsharebuttonbox .bds_tsina {
background-position: 0 -60px;
}
.A_actext .bdsharebuttonbox .bds_douban {
background-position: 0 -120px;
}
.A_actext .bdsharebuttonbox .bds_renren {
background-position: 0 -180px;
}
.A_actext .bdsharebuttonbox .bds_sqq {
background-position: 0 -240px;
}
.A_actext .bdsharebuttonbox .bds_evernotecn {
background-position: 0 -300px;
}
.A_actext .bdsharebuttonbox .playfen {
color: #fff;
line-height: 40px;
font-size: 12px;
text-align: center;
background: #f66;
cursor: pointer;
}
.playboxng {
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 10000;
display: none;
}
.playvcp {
width: 800px;
height: 500px;
position: absolute;
left: 50%;
margin-left: -400px;
background: #fff;
border-radius: 5px;
top: 50%;
margin-top: -250px;
padding: 20px;
}
.playvcp .cuong {
position: absolute;
right: 5px;
top: 5px;
font-size: 24px;
font-weight: bold;
}
.playvcp div {
position: relative;
padding-left: 100px;
clear: both;
overflow: hidden;
padding: 5px 0 5px 100px;
border-bottom: 1px dashed #eee;
}
.playvcp div span {
position: absolute;
left: 0;
top: 8px;
width: 100px;
text-align: center;
line-height: 20px;
}
.playvcp div input {
float: left;
margin-right: 5px;
position: relative;
top: 7px;
}
.playvcp div label {
cursor: pointer;
width: 120px;
float: left;
}
.playvcp p {
text-align: center;
padding-top: 10px;
}
.playvcp p .oveg {
display: inline-block;
width: 90px;
text-align: center;
line-height: 26px;
background: #eee;
margin: 5px;
border-radius: 3px;
font-size: 12px;
border: none;
}
.playvcp p .ovbtn {
display: inline-block;
width: 90px;
text-align: center;
line-height: 26px;
background: #f66;
margin: 5px;
border-radius: 3px;
font-size: 12px;
color: #fff;
border: none;
}
@-o-keyframes zoomInout {
from {
-o-transform: scale(1);
}
30% {
-o-transform: scale(1.18);
}
60% {
-o-transform: scale(1);
}
70% {
-o-transform: scale(1.1);
}
80% {
-o-transform: scale(1);
}
90% {
-o-transform: scale(1.05);
}
to {
-o-transform: scale(1);
}
}
@-ms-keyframes zoomInout {
from {
-ms-transform: scale(1);
}
30% {
-ms-transform: scale(1.18);
}
60% {
-ms-transform: scale(1);
}
70% {
-ms-transform: scale(1.1);
}
80% {
-ms-transform: scale(1);
}
90% {
-ms-transform: scale(1.05);
}
to {
-ms-transform: scale(1);
}
}
@-moz-keyframes zoomInout {
from {
-moz-transform: scale(1);
}
30% {
-moz-transform: scale(1.18);
}
60% {
-moz-transform: scale(1);
}
70% {
-moz-transform: scale(1.1);
}
80% {
-moz-transform: scale(1);
}
90% {
-moz-transform: scale(1.05);
}
to {
-moz-transform: scale(1);
}
}
@-webkit-keyframes zoomInout {
from {
-webkit-transform: scale(1);
}
30% {
-webkit-transform: scale(1.18);
}
60% {
-webkit-transform: scale(1);
}
70% {
-webkit-transform: scale(1.1);
}
80% {
-webkit-transform: scale(1);
}
90% {
-webkit-transform: scale(1.05);
}
to {
-webkit-transform: scale(1);
}
}
@keyframes zoomInout {
from {
transform: scale(1);
}
30% {
transform: scale(1.18);
}
60% {
transform: scale(1);
}
70% {
transform: scale(1.1);
}
80% {
transform: scale(1);
}
90% {
transform: scale(1.05);
}
to {
transform: scale(1);
}
}
.A_textbom h2 {
font-size: 14px;
color: #999;
padding: 20px 0;
}
.A_textbom p {
color: #ff636b;
border-bottom: 1px solid #eee;
padding: 20px 0 20px;
height: 22px;
}
.A_textbom p em {
padding: 0 15px;
}
.A_textbom p span {
float: right;
width: 30px;
height: 30px;
background: url(../img/hxin.png) no-repeat;
position: relative;
top: -4px;
cursor: pointer;
}
.A_textbom p span:hover {
background: url(../img/atc2.png) no-repeat;
background-position: 0px 0;
}
.A_textbom p .redx {
background: url(../img/atc2.png) no-repeat;
background-position: 0px 0;
}
.A_textbom p s {
display: inline-block;
width: 18px;
height: 18px;
background: #0f0;
float: left;
position: relative;
top: 5px;
background: url(../img/atc2.png) no-repeat;
background-position: -95px 0;
}
.A_textbom .A_linebn {
color: #ff636b;
border-bottom: 1px dashed #eee;
padding: 20px 0 20px;
}
.A_textbom .A_linebn em {
padding: 0 15px;
}
.A_textbom .A_linebn span {
float: right;
width: 30px;
height: 30px;
background: url(../img/hxin.png) no-repeat;
position: relative;
top: -4px;
cursor: pointer;
}
.A_textbom .A_linebn span:hover {
background: url(../img/atc2.png) no-repeat;
background-position: 0px 0;
}
.A_textbom .A_linebn .redx {
background: url(../img/atc2.png) no-repeat;
background-position: 0px 0;
}
.A_textbom .A_linebn s {
display: inline-block;
width: 18px;
height: 18px;
background: #0f0;
float: left;
position: relative;
top: 5px;
background: url(../img/atc2.png) no-repeat;
background-position: -95px 0;
}
.A_textbom .A_noborn {
width: 700px;
bottom: 20px;
right: 20px;
padding-bottom: 0;
border-bottom: none;
}
.A_textbom .A_noborn .S_yet {
padding-bottom: 0;
}
.S_yet {
width: 110px;
margin: 0 auto;
padding: 50px 0 20px 0;
}
.S_yet .S_text {
width: 60px;
height: 60px;
border-radius: 50%;
background: #f66;
color: #fff;
font-size: 28px;
text-align: center;
line-height: 60px;
margin: 0 auto;
}
.S_yet .S_tpic {
width: 110px;
border: 1px solid #eee;
margin: 10px 0;
border-radius: 3px;
}
.S_yet .S_tpic img {
display: block;
width: 110px;
}
.S_yet .S_tpse {
text-align: center;
line-height: 14px;
width: 200%;
position: relative;
left: -50%;
font-size: 13px;
letter-spacing: 2px;
color: #999;
}
.A_users {
clear: both;
padding-top: 20px;
}
.A_users .A_uslef {
width: 90px;
float: left;
height: 30px;
}
.A_users .A_uslef span {
float: left;
color: #999;
}
.A_users .A_uslef .A_usbox {
position: relative;
display: inline-block;
width: 15px;
left: 10px;
}
.A_users .A_uslef .A_usbox em {
display: inline-block;
width: 15px;
height: 15px;
background: #999;
border-radius: 50%;
text-align: center;
line-height: 15px;
font-size: 10px;
cursor: pointer;
color: #fff;
}
.A_users .A_uslef .A_usbox .bis {
background: #fff;
border-radius: 3px;
display: none;
position: relative;
width: 260px;
padding: 18px;
border: 1px solid #ff636b;
font-size: 12px;
line-height: 14px;
top: 10px;
left: -20px;
z-index: 1;
}
.A_users .A_uslef .A_usbox .bis span {
display: block;
position: absolute;
width: 15px;
height: 15px;
background: #fff;
border-top: 1px solid #ff636b;
border-left: 1px solid #ff636b;
top: -8px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.A_users .A_uslef .A_usbox .bis p {
padding-top: 10px;
}
.A_users .A_uslef .A_usbox .bis h3 {
font-size: 14px;
text-align: left;
padding: 5px 0 10px;
font-weight: bold;
border-bottom: 1px solid #eee;
}
.A_users .A_uslef .A_usbox:hover em {
background: #ff636b;
}
.A_users .A_uslef .A_usbox:hover .bis {
display: block;
}
.A_users .A_usrig {
overflow: hidden;
}
.A_users .A_usrig p {
float: left;
width: 550px;
height: 40px;
}
.A_users .A_usrig p a {
float: left;
margin: 0 10px 10px 10px;
}
.A_users .A_usrig p a img {
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
}
.A_users .A_usrig .A_zmt {
height: 30px;
}
.A_users .A_usrig .A_zmt a {
margin-bottom: 17px;
}
.A_users .A_usrig .A_zmt a img {
height: 20px;
width: auto;
border-radius: 0;
position: relative;
top: 3px;
}
.A_users .A_usrig span {
float: right;
font-size: 12px;
line-height: 14px;
width: 48px;
height: 14px;
border: 1px solid #eee;
border-radius: 2px;
color: #999;
position: relative;
top: 7px;
cursor: pointer;
padding: 2px 4px 2px 5px;
background: url(../img/acttbon.png) no-repeat 35px -66px;
background-size: 24%;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
}
.A_users .A_usrig .ns {
background: url(../img/acttbon.png) no-repeat 36px 5px;
background-size: 24%;
}
.A_revie {
padding-top: 35px;
float: left;
}
.A_revie h1 {
line-height: 25px;
font-size: 16px;
font-weight: bold;
}
.A_revie h2 {
line-height: 25px;
font-size: 16px;
font-weight: bold;
}
.A_revie .A_revitext {
padding-left: 80px;
padding-top: 28px;
position: relative;
}
.A_revie .A_revitext dl {
position: absolute;
left: 0;
}
.A_revie .A_revitext dl dt {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.A_revie .A_revitext dl dt img {
display: block;
width: 50px;
height: 50px;
}
.A_revie .A_revitext dl dd {
width: 70px;
position: relative;
left: -10px;
line-height: 18px;
padding-top: 10px;
max-height: 46px;
text-align: center;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.A_revie .A_revitext dl .zinntw {
font-size: 12px;
color: #999;
line-height: 14px;
padding-top: 0;
}
.A_revie .A_revitext textarea {
width: 668px;
resize: none;
height: 88px;
line-height: 20px;
border: 1px solid #eee;
border-radius: 4px;
padding: 5px 15px;
margin-bottom: 20px;
}
.A_revie .A_revitext button {
width: 80px;
height: 30px;
color: #fff;
background: #ff636b;
border-radius: 4px;
border: none;
float: left;
}
.A_share {
float: right;
color: #999;
}
.A_share span {
display: inline-block;
width: 24px;
height: 24px;
margin-left: 20px;
position: relative;
top: 5px;
cursor: pointer;
}
.A_share span:hover {
background-position: 0 0;
}
.A_share span:nth-child(1) {
margin-left: 5px;
}
.A_share .wb {
background: url(../img/nwb.png) no-repeat;
background-position: -26px 0;
}
.A_share .wx {
background: url(../img/nwx.png) no-repeat;
background-position: -26px 0;
position: relative;
}
.A_share .wx:hover .wbox {
display: block;
}
.A_share .shyesn {
background-position: 0 0;
}
.A_share .wbox {
position: absolute;
width: 70px;
height: 70px;
background: #0ff;
top: -80px;
left: -50px;
box-shadow: 0 0 5px #000;
display: none;
}
.A_share .wbox img {
display: block;
width: 70px;
height: 70px;
}
.A_share .nyes {
background-position: 0 0;
}
.A_theof {
clear: both;
padding-left: 80px;
position: relative;
}
.A_theof .A_thepic {
position: absolute;
top: 30px;
left: 0;
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.A_theof .A_thepic img {
display: block;
width: 50px;
height: 50px;
}
.A_theof .A_thetext {
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.A_theof .A_thetext h1 {
padding-bottom: 10px;
}
.A_theof .A_thetext h1 span {
font-weight: bold;
padding-right: 5px;
}
.A_theof .A_thetext h1 em {
font-size: 12px;
color: #999;
}
.A_theof .A_thetext h3 {
padding-bottom: 10px;
}
.A_theof .A_thetext h3 span {
font-weight: bold;
padding-right: 5px;
}
.A_theof .A_thetext h3 em {
font-size: 12px;
color: #999;
}
.A_theof .A_thetext p {
padding-bottom: 10px;
}
.A_theof .A_thetext .A_artio {
padding-left: 20px;
padding-bottom: 0;
margin-bottom: 10px;
color: #999;
background: url(../img/leyig.png) no-repeat left top;
}
.A_theof .A_thetext .A_artio span {
color: #666;
padding-right: 10px;
}
.A_theof .A_thetext h2 {
font-size: 12px;
}
.A_theof .A_thetext h2 span {
color: #999;
}
.A_theof .A_thetext h2 div {
float: right;
cursor: pointer;
}
.A_theof .A_thetext h2 div span {
display: inline-block;
width: 16px;
height: 16px;
background: #0f0;
margin: 0 10px 0 25px;
position: relative;
top: 3px;
}
.A_theof .A_thetext h2 div strong {
font-weight: normal;
width: auto;
text-align: center;
background-color: transparent;
color: #f66;
}
.A_theof .A_thetext h2 .A_dm span {
background: url(../img/atc2.png) no-repeat;
background-position: -122px 0;
}
.A_theof .A_thetext h2 .A_pm span {
background: url(../img/atc2.png) no-repeat;
background-position: -200px 0;
}
.A_theof .A_thetext h2 .A_pm2 span {
background: url(../img/atc2.png) no-repeat;
background-position: -148px 0;
}
.A_theof .A_thetext h2:after {
display: block;
content: '';
clear: both;
}
.A_theof .A_thetext .A_retus {
padding-top: 10px;
overflow: hidden;
display: none;
}
.A_theof .A_thetext .A_retus textarea {
width: 678px;
height: 88px;
padding: 5px 10px;
resize: none;
border-radius: 3px;
border: 1px solid #eee;
}
.A_theof .A_thetext .A_retus button {
float: right;
width: 80px;
height: 30px;
border-radius: 4px;
border: none;
background: #ff636b;
color: #fff;
margin-top: 10px;
}
.A_more {
display: block;
width: 700px;
float: right;
height: 28px;
border: 1px solid #eee;
text-align: center;
line-height: 28px;
letter-spacing: 5px;
border-top: none;
}
.A_activrig {
float: right;
width: 320px;
}
.A_rigbox {
padding: 40px;
margin-bottom: 20px;
background: #fff;
border-radius: 5px;
}
.A_drs {
border: 1px solid #eee;
border-radius: 3px;
margin-top: 25px;
overflow: hidden;
}
.A_drs a {
float: left;
width: 118px;
height: 28px;
line-height: 28px;
color: #ff636b;
text-align: center;
}
.A_drs .brn {
width: 238px;
}
.A_drs .rl {
width: 118px;
border-left: 1px solid #eee;
}
.A_drs .yen {
color: #999;
}
.A_title {
padding: 35px 0 28px;
font-size: 17px;
line-height: 24px;
}
.A_title span {
border-bottom: 3px solid #ff636b;
color: #ff636b;
padding-bottom: 3px;
letter-spacing: 2px;
margin-right: 3px;
}
.A_title em {
display: inline-block;
width: 16px;
height: 20px;
background: url(../img/atc2.png) no-repeat;
background-position: -226px 0;
position: relative;
left: 10px;
top: 3px;
}
.A_title2 {
padding-top: 0;
}
.A_tilist li {
padding-bottom: 12px;
}
.A_tilist li h1 {
font-size: 15px;
font-weight: bold;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.A_tilist li h2 {
font-size: 15px;
font-weight: bold;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.A_tilist li p {
color: #999;
font-size: 12px;
line-height: 24px;
}
.A_tmore {
display: block;
height: 28px;
line-height: 28px;
text-align: center;
border: 1px solid #eee;
color: #999;
letter-spacing: 3px;
font-size: 13px;
border-radius: 3px;
}
.ttp {
border-top: none;
}
.A_relist li {
padding-left: 35px;
position: relative;
}
.A_relist li em {
position: absolute;
width: 16px;
padding-left: 2px;
height: 18px;
border-radius: 50%;
text-align: center;
line-height: 18px;
font-size: 12px;
background: #ccc;
color: #fff;
left: 0;
top: 5px;
}
.A_relist li .one {
background: #FA6666;
}
.A_relist li .two {
background: #FFA56F;
}
.A_relist li .there {
background: #FAC34F;
}
.A_relist li h1 {
font-size: 15px;
font-weight: bold;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.A_relist li h2 {
font-size: 15px;
font-weight: bold;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.A_relist li p {
color: #999;
font-size: 12px;
line-height: 24px;
}
.A_nactbox {
width: 320px;
height: 200px;
position: relative;
overflow: hidden;
border-radius: 5px;
}
.A_nactbox .A_pic2 {
position: relative;
}
.A_nactbox .ansb {
position: absolute;
width: 20px;
height: 36px;
background: #fff;
z-index: 1;
font-size: 30px;
top: 85px;
opacity: .2;
text-align: center;
line-height: 30px;
cursor: pointer;
}
.A_nactbox .A_prigg {
right: 0;
}
.A_nactbox .A_fcon {
width: 100%;
float: left;
}
.A_nactbox img {
display: block;
width: 320px;
height: 200px;
}
.A_nactbox .A_fbg {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
}
.A_nactbox .A_fbg a {
display: inline-block;
width: 5px;
height: 5px;
background: #fff;
border-radius: 50%;
margin: 0 2px;
}
.A_nactbox .A_fbg .current {
width: 7px;
height: 7px;
background: #ff636b;
position: relative;
top: 1px;
}
.A_nactbox:hover .ansb {
opacity: .8;
}
.A_tact {
width: 240px;
height: 150px;
border-radius: 3px;
overflow: hidden;
}
.A_tact img {
display: block;
width: 240px;
height: 150px;
}
.A_bonsbox {
clear: both;
width: 100%;
min-width: 1200px;
background: #F4F4F4;
padding: 36px 0 40px;
}
.A_busb h3 {
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
}
.A_busb h2 {
font-size: 30px;
padding: 4px 0 10px;
line-height: 40px;
}
.A_busb p {
width: 720px;
color: #999;
line-height: 22px;
padding-bottom: 20px;
letter-spacing: 1px;
}
.A_busb .A_retens {
display: block;
width: 158px;
height: 28px;
line-height: 28px;
text-align: center;
color: #999;
border: 1px solid #ddd;
border-radius: 3px;
font-size: 13px;
}
.A_push {
width: 100%;
min-width: 1200px;
background: #fff;
clear: both;
padding: 50px 0;
margin-top: 50px;
}
.A_conpsg {
padding-left: 120px;
position: relative;
min-height: 350px;
}
.A_tjlist {
position: absolute;
left: 0;
top: -19px;
}
.A_tjlist .A_wilyou {
font-size: 16px;
font-weight: bold;
padding-bottom: 20px;
}
.A_tjlist li {
cursor: pointer;
line-height: 36px;
}
.A_tjlist .ynb {
color: #ff636b;
font-weight: bold;
}
.A_tjlist .ynb em {
display: inline-block;
width: 12px;
height: 8px;
background: #ff636b;
margin-right: 5px;
}
.A_list {
padding: 30px 0;
border-bottom: 1px solid #eee;
position: relative;
min-height: 100px;
}
.A_list .A_lipic {
width: 160px;
height: 100px;
float: left;
border-radius: 3px;
overflow: hidden;
margin-right: 17px;
border: 1px solid #eee;
}
.A_list .A_lipic img {
display: block;
width: 160px;
height: 100px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
/* Firefox 4 */
-webkit-transition: all 0.5s ease-in-out;
/* Safari 鍜 Chrome */
-o-transition: all 0.5s ease-in-out;
/* Opera */
}
.A_list .A_lipic:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.A_list .A_litext h2 {
font-size: 24px;
overflow: hidden;
padding-bottom: 15px;
line-height: 30px;
}
.A_list .A_litext h2 .Fmonthe {
float: left;
margin-right: 8px;
font-size: 14px;
width: 38px;
height: 28px;
border: 1px solid #ccc;
color: #999;
text-align: center;
line-height: 28px;
border-top: 6px solid #ccc;
border-radius: 3px;
}
.A_list .A_litext h1 {
font-size: 24px;
overflow: hidden;
padding-bottom: 15px;
line-height: 30px;
}
.A_list .A_litext h1 .Fmonthe {
float: left;
margin-right: 8px;
font-size: 14px;
width: 38px;
height: 28px;
border: 1px solid #ccc;
color: #999;
text-align: center;
line-height: 28px;
border-top: 6px solid #ccc;
border-radius: 3px;
}
.A_list .A_litext p .A_y {
display: inline-block;
height: 14px;
font-size: 12px;
border: 1px solid #ff636b;
color: #ff636b;
line-height: 14px;
padding: 0 5px;
margin-right: 25px;
border-radius: 2px;
}
.A_list .A_litext p img {
display: inline-block;
width: 14px;
height: 14px;
border: 1px solid #eee;
position: relative;
border-radius: 2px;
}
.A_list .A_litext p .A_p {
display: inline-block;
height: 16px;
line-height: 16px;
position: relative;
top: 3px;
font-size: 12px;
color: #666;
padding-left: 5px;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 25px;
}
.A_list .A_litext p .A_t {
display: inline-block;
width: 16px;
height: 16px;
background: url(../img/atc2.png) no-repeat;
background-position: -174px 0;
position: relative;
top: 3px;
}
.A_list .A_litext p .A_m {
font-size: 12px;
color: #999;
margin-left: 5px;
}
.A_list .A_litext:hover h1 a {
color: #f66;
}
.A_list .A_zxs {
overflow: hidden;
padding-top: 8px;
}
.A_list .A_zxs .A_zl {
float: left;
border-right: 2px solid #eee;
margin-right: 17px;
padding-right: 17px;
height: 20px;
line-height: 16px;
}
.A_list .A_zxs .A_zl span {
float: left;
color: #999;
font-size: 12px;
line-height: 20px;
}
.A_list .A_zxs .A_zl a {
float: left;
padding: 2px 7px;
}
.A_list .A_zxs .A_zl img {
display: block;
height: 16px;
}
.A_list .A_zxs .A_zl .Apicbox {
display: inline-block;
position: relative;
}
.A_list .A_zxs .A_zl .Apicbox:hover .Apics {
display: block;
}
.A_list .A_zxs .A_zl .Apics {
position: absolute;
width: 430px;
top: 0px;
background: #fff;
z-index: 1;
display: none;
}
.A_list .A_zxs .nb {
background: #0f0;
}
.A_list .A_zxs .A_zl2 {
border-right: none;
}
.A_list .A_zxs .A_fr {
float: left;
height: 20px;
line-height: 20px;
}
.A_list .A_zxs .A_fr span {
float: left;
color: #999;
font-size: 12px;
}
.A_list .A_zxs .A_fr a {
float: left;
padding: 0 8px;
}
.A_list .A_zxs .A_fr img {
display: block;
height: 20px;
width: 20px;
border-radius: 50%;
}
.A_list .A_zxs .A_fr .A_sm {
margin-left: 0;
}
.A_list .A_zxs .A_sm {
display: inline-block;
width: 20px;
height: 20px;
background: url(../img/dianm.png) no-repeat;
border-radius: 50%;
text-align: center;
line-height: 20px;
margin-left: 7px;
cursor: pointer;
}
.A_list .A_zxs .A_gjc {
float: left;
height: 20px;
line-height: 20px;
background: url(../img/pguan.png) no-repeat 0 3px;
padding-left: 15px;
}
.A_list .A_zxs .A_gjc em {
font-size: 12px;
color: #999;
padding: 0 10px;
}
.A_list .A_zxs2 {
padding-top: 15px;
}
.A_list .A_fie {
position: absolute;
right: 0;
width: 30px;
height: 60px;
cursor: pointer;
float: right;
bottom: 20px;
display: none;
}
.A_list .A_fie em {
display: inline-block;
width: 30px;
height: 30px;
background: #0ff;
border-radius: 50%;
position: relative;
top: 25px;
background: url(../img/atc2.png) no-repeat;
background-position: -32px 0;
}
.A_list .A_fie .bdsharebuttonbox {
padding: 18px 0 18px 18px;
border: 1px solid #ff636b;
position: relative;
top: -105px;
right: 10px;
border-radius: 4px;
width: 180px;
height: 40px;
display: none;
margin-left: -122px;
background: #fff;
}
.A_list .A_fie .bdsharebuttonbox .hbicon {
position: absolute;
right: -1px;
top: -1px;
width: 16px;
height: 16px;
line-height: 16px;
background-color: #f66;
color: #fff;
text-align: center;
border-radius: 50%;
font-size: 12px;
z-index: 99;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
text-indent: 2px;
border: none;
}
.A_list .A_fie .bdsharebuttonbox span {
display: inline-block;
width: 10px;
height: 10px;
border-left: 1px solid #ff636b;
border-bottom: 1px solid #ff636b;
position: absolute;
bottom: -6px;
right: 46px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
background: #fff;
}
.A_list .A_fie .bdsharebuttonbox a {
position: relative;
display: block;
width: 40px;
height: 40px;
margin: 0;
margin-right: 19px;
float: left;
border-radius: 50%;
background: #0ff;
background: url(../img/atc1.jpg) no-repeat;
opacity: 1;
overflow: visible;
text-indent: 0;
}
.A_list .A_fie .bdsharebuttonbox a:hover {
-o-animation: zoomInout 600ms ease;
-ms-animation: zoomInout 600ms ease;
-moz-animation: zoomInout 600ms ease;
-webkit-animation: zoomInout 600ms ease;
animation: zoomInout 600ms ease;
}
.A_list .A_fie .bdsharebuttonbox .bds_weixin {
background-position: 0 0;
}
.A_list .A_fie .bdsharebuttonbox .bds_tsina {
background-position: 0 -60px;
}
.A_list .A_fie .bdsharebuttonbox .bds_douban {
background-position: 0 -120px;
display: none;
}
.A_list .A_fie .bdsharebuttonbox .bds_renren {
background-position: 0 -180px;
display: none;
}
.A_list .A_fie .bdsharebuttonbox .bds_sqq {
background-position: 0 -240px;
}
.A_list .A_fie .bdsharebuttonbox .bds_evernotecn {
background-position: 0 -300px;
display: none;
}
.A_list .A_fie:hover em {
background-position: -64px 0;
}
.A_list .A_fie:hover .bdsharebuttonbox {
display: block;
}
.A_list .A_hvbs {
bottom: 54px;
z-index: 10;
}
.A_list:hover .A_fie {
display: block;
}
.A_lists2 {
min-height: 70px;
}
.W_content {
width: 100%;
height: 100%;
background: #801414 url(../img/backbig.png) no-repeat;
background-size: 100%;
}
.W_content2 {
background: #801414 url(../img/backbon.png) bottom no-repeat;
}
.W_top {
height: 450px;
color: #fff;
padding-top: 110px;
}
.W_top h1 {
font-size: 92px;
height: 150px;
line-height: 150px;
padding-left: 100px;
font-weight: bold;
}
.W_top h2 {
height: 110px;
padding-left: 100px;
}
.W_top h2 span {
font-weight: bold;
}
.W_top h2 .t1 {
float: left;
font-size: 92px;
line-height: 100px;
font-weight: bold;
margin-right: 20px;
}
.W_top h2 .t2 {
float: left;
font-size: 48px;
line-height: 60px;
font-weight: bold;
padding-top: 30px;
border-top: 5px solid #fff;
letter-spacing: 3px;
}
.W_top h2 em {
display: inline-block;
border: 35px solid #bd0115 0;
border-left: 45px solid #fff;
}
.W_top h3 {
font-size: 24px;
line-height: 40px;
padding-left: 640px;
}
.M_mbox {
background: #1D1D1D;
border-radius: 5px;
padding: 0 28px 28px;
}
.M_mbox .M_mtop {
height: 50px;
}
.M_mbox .M_mtop .M_ble {
float: left;
line-height: 50px;
font-size: 15px;
color: #999;
}
.M_mbox .M_mtop .M_ble span {
color: #fff;
padding: 0 6px;
font-weight: bold;
}
.M_mbox .M_mtop .livet {
border-left: 5px solid #cc0000;
color: #fff;
padding: 0 16px 0 6px;
font-weight: bold;
font-size: 18px;
line-height: 20px;
}
.M_mbox .M_mtop .M_over {
clear: both;
height: 20px;
color: #fff;
position: relative;
top: -24px;
left: 10px;
}
.M_mbox .M_mtop .M_brig {
float: right;
padding: 0 40px 0 75px;
line-height: 50px;
color: #999;
position: relative;
top: -40px;
background: #1D1D1D;
right: -28px;
padding-top: 24px;
border-radius: 70px 0 0 0;
}
.M_mbox .M_mtop .M_brig .Mx {
background: url(../img/whx.png) no-repeat;
background-position: -46px 0;
}
.M_mbox .M_mtop .M_brig .Mq {
background: url(../img/qqh.png) no-repeat;
background-position: -46px 0;
}
.M_mbox .M_mtop .M_brig .Mk {
background: url(../img/kj.png) no-repeat;
background-position: -46px 0;
}
.M_mbox .M_mtop .M_brig .Mb {
background: url(../img/whb.png) no-repeat;
background-position: -46px 0;
}
.M_mbox .M_mtop .M_brig div {
float: right;
width: 44px;
height: 44px;
background: #0f0;
margin-left: 40px;
background-position: -46px 0;
}
.M_mbox .M_mtop .M_brig div a {
display: block;
background-image: none !important;
}
.M_mbox .M_mtop .M_brig div:hover {
background-position: 0 0;
}
.M_mbox .M_mtop .M_brig .ack {
background-position: 0 0;
}
.M_mbox .M_mv {
height: 633px;
border: 2px solid #666;
border-radius: 6px;
padding-bottom: 24px;
}
.M_mtext h1 {
height: 20px;
border-left: 5px solid #CB0101;
color: #fff;
font-weight: bold;
font-size: 16px;
line-height: 20px;
margin: 40px 0 15px 0;
padding-left: 10px;
}
.M_mtext p {
color: #999;
}
.M_news {
background: #fff;
padding: 40px;
margin-top: 20px;
border-radius: 5px;
}
.M_nas {
border-bottom: 1px solid #eee;
padding-bottom: 30px;
overflow: hidden;
}
.M_nas .M_nale {
width: 675px;
padding-right: 25px;
border-right: 1px solid #eee;
height: 250px;
float: left;
}
.M_nas .M_nale .M_napic {
float: left;
width: 200px;
height: 250px;
line-height: 250px;
vertical-align: middle;
margin-right: 33px;
}
.M_nas .M_nale .M_napic img {
max-width: 200px;
max-height: 250px;
vertical-align: middle;
}
.M_nas .M_nale .M_natex h1 {
font-size: 24px;
line-height: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.M_nas .M_nale .M_natex p {
line-height: 24px;
padding-top: 20px;
max-height: 145px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
}
.M_nas .M_nale .M_natex > a {
float: right;
padding-top: 7px;
}
.M_nas .M_narig {
float: right;
width: 380px;
height: 240px;
overflow: auto;
}
.M_nas .M_narig p {
line-height: 24px;
margin-bottom: 20px;
/*overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;*/
}
.M_nas .M_narig p span {
font-weight: bold;
padding-right: 10px;
}
.M_nas .M_narig p:last-child {
margin-bottom: 0;
}
.M_dlbox {
padding-top: 20px;
border-bottom: 1px solid #eee;
}
.M_litet {
overflow: hidden;
padding-top: 20px;
}
.M_litet div {
width: 555px;
float: left;
}
.M_litet div p {
line-height: 42px;
font-size: 16px;
padding-right: 20px;
overflow: hidden;
height: 42px;
text-overflow: ellipsis;
white-space: nowrap;
}
.M_bodl {
padding-top: 20px;
overflow: hidden;
height: 484px;
}
.M_bodl dl {
float: left;
margin-right: 25px;
margin-bottom: 20px;
}
.M_bodl dl dt {
width: 260px;
height: 162px;
}
.M_bodl dl dt img {
display: block;
width: 260px;
height: 162px;
}
.M_bodl dl dt .cover {
display: block;
padding: 60px 20px 0 20px;
width: 220px;
height: 102px;
color: #fff;
background: #000;
opacity: .5;
}
.M_bodl dl dd {
width: 260px;
line-height: 20px;
font-size: 16px;
padding-top: 20px;
overflow: hidden;
height: 40px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.M_bodl dl:nth-child(4n) {
margin-right: 0;
}
.M_ntit {
height: 20px;
font-size: 16px;
font-weight: bold;
padding-left: 10px;
border-left: 5px solid #CB0101;
line-height: 20px;
}
.M_ntit span {
float: right;
font-size: 12px;
position: relative;
top: 3px;
border: 1px solid #eee;
border-radius: 3px;
height: 14px;
line-height: 14px;
padding: 1px 4px;
cursor: pointer;
}
.M_nxc {
overflow: hidden;
padding-top: 20px;
}
.M_nxc .M_nxcle {
float: left;
width: 235px;
margin-right: 20px;
}
.M_nxc .M_nxcrig {
float: right;
width: 860px;
}
.M_ndian {
text-align: center;
}
.M_ndian a {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 5px;
background: #eee;
border-radius: 50%;
}
.M_ndian .current {
width: 8px;
height: 8px;
position: relative;
top: 1px;
background: #CF0000;
}
.S_blok {
position: fixed;
width: 100%;
height: 100%;
background: #000;
top: 0;
opacity: .5;
display: none;
z-index: 33;
}
.S_blocen {
position: fixed;
top: 15%;
width: 80%;
left: 10%;
text-align: center;
z-index: 35;
display: none;
height: 100%;
}
.S_blocen img {
max-width: 100%;
max-height: 80%;
}
.S_texn {
color: #fff;
font-size: 26px;
position: fixed;
top: 8%;
text-align: center;
width: 90%;
left: 5%;
}
.M_necpic {
overflow: hidden;
display: none;
}
.M_necpic div {
width: 282px;
height: 200px;
margin: 0 4px 4px 0;
float: left;
position: relative;
}
.M_necpic div img {
display: block;
width: 282px;
height: 200px;
}
.M_necpic div p {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
width: 242px;
text-align: center;
padding: 0 20px;
z-index: 1;
line-height: 30px;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
}
.M_necpic div p span {
z-index: 1;
color: #fff;
}
.M_ntime {
float: left;
border-right: 1px solid #eee;
width: 100px;
font-size: 12px;
font-weight: bold;
line-height: 36px;
}
.M_ntime p {
position: relative;
letter-spacing: 0;
}
.M_ntime p em {
position: absolute;
width: 6px;
height: 6px;
background: #eee;
border-radius: 50%;
right: -3px;
top: 15px;
}
.M_ntime p .biem {
width: 10px;
height: 10px;
right: -5px;
top: 13px;
}
.M_ntil {
float: left;
padding-left: 14px;
line-height: 36px;
width: 120px;
}
.M_ntil p {
height: 36px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.M_xfbox {
position: relative;
padding-top: 30px;
}
.M_xfbox .M_lnle {
width: 20px;
height: 50px;
position: absolute;
left: -25px;
top: 165px;
cursor: pointer;
font-size: 60px;
}
.M_xfbox .M_lnrig {
width: 20px;
height: 50px;
position: absolute;
right: -30px;
top: 165px;
cursor: pointer;
font-size: 60px;
}
.M_boxxf {
overflow: hidden;
}
.M_sxie {
width: 260px;
padding: 0 43px;
background: #eee;
border-radius: 5px;
margin-right: 29px;
float: left;
}
.M_sxie .M_speo {
overflow: hidden;
padding: 20px 0;
}
.M_sxie .M_speo dt {
width: 50px;
height: 50px;
float: left;
margin-right: 10px;
border-radius: 50%;
overflow: hidden;
}
.M_sxie .M_speo dt img {
display: block;
width: 50px;
height: 50px;
}
.M_sxie .M_speo dd h2 {
line-height: 20px;
}
.M_sxie .M_speo dd h3 {
line-height: 16px;
font-size: 12px;
}
.M_sxie .M_spic img {
display: block;
width: 260px;
height: 160px;
border-radius: 5px;
}
.M_sxie .M_spic p {
line-height: 22px;
padding: 15px 0;
}
.M_sxie:nth-child(3n) {
margin-right: 0;
}
.M_map .M_mapbox {
width: 590px;
height: 500px;
background: url(../img/mmap.png) no-repeat;
position: relative;
float: left;
top: -20px;
}
.M_map .M_mapbox a {
display: block;
width: 24px;
height: 24px;
background: url(../img/redq.png) no-repeat;
position: absolute;
font-size: 0;
}
.M_map .M_maptext {
float: right;
width: 400px;
max-height: 420px;
overflow: auto;
margin-top: 40px;
}
.M_map .M_maptext p {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px dotted #ccc;
}
.M_map .M_maptext a:hover {
color: #c00;
}
.M_boms {
padding: 65px 0;
height: 70px;
}
.M_boms div {
float: left;
}
.M_boms .M_cwx {
width: 275px;
color: #fff;
margin-left: 30px;
}
.M_boms .M_cwx div {
width: 60px;
height: 60px;
padding: 5px;
background: #fff;
margin-right: 15px;
border-radius: 2px;
}
.M_boms .M_cwx img {
float: left;
width: 60px;
height: 60px;
}
.M_boms .M_cwx h1 {
font-size: 24px;
line-height: 35px;
font-weight: bold;
padding-top: 6px;
}
.M_boms .M_cwx h2 {
font-size: 16px;
font-weight: bold;
}
.M_boms .M_ctn {
width: 685px;
height: 70px;
color: #fff;
font-size: 42px;
line-height: 70px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
text-align: center;
}
.M_boms .M_ctd {
width: 120px;
margin-left: 55px;
color: #fff;
}
.M_boms .M_ctd h1 {
font-weight: bold;
font-size: 20px;
text-align: center;
letter-spacing: 1px;
}
.M_boms .M_ctd h2 {
letter-spacing: 2px;
text-align: center;
}
.M_boms .M_ctd h3 {
border: 1px solid #fff;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 3px;
}
.M_bomm {
text-align: center;
padding-bottom: 60px;
}
.M_bomm em {
padding: 0 10px;
font-weight: bold;
color: #fff;
}
.M_Lgz {
top: 385px;
right: 148px;
}
.M_Lfj {
top: 340px;
right: 93px;
}
.M_Lcd {
top: 290px;
right: 300px;
}
.M_Lwh {
top: 283px;
right: 164px;
}
.M_Lsh {
top: 285px;
right: 61px;
}
.M_Lhz {
top: 297px;
right: 83px;
}
.M_Lhf {
top: 266px;
right: 115px;
}
.M_Lcq {
top: 304px;
right: 220px;
}
.M_Lsy {
top: 130px;
right: 70px;
}
.M_Ltj {
top: 160px;
right: 150px;
}
.M_Lhn {
top: 330px;
right: 176px;
}
.M_Lzz {
top: 250px;
right: 150px;
}
.M_Lgzz {
top: 350px;
right: 222px;
}
.D_denlu {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
}
.D_debox {
position: absolute;
top: 48%;
left: 50%;
width: 360px;
padding: 38px;
margin-left: -220px;
margin-top: -200px;
box-shadow: 0px 0px 5px #666;
background-color: #fff;
border-radius: 4px;
}
.D_deboxtec {
width: 320px;
}
.D_close {
position: absolute;
top: 15px;
right: 20px;
color: #a0a496;
cursor: pointer;
}
.D_close i {
font-size: 22px;
}
.D_title {
text-align: center;
padding-bottom: 16px;
}
.D_title span {
font-size: 18px;
padding-bottom: 16px;
border-bottom: 2px solid #f66;
cursor: pointer;
}
.D_title .D_noline {
border: none;
}
.D_title em {
padding: 0 15px;
font-size: 30px;
position: relative;
top: 5px;
}
.D_hello h1 {
font-size: 24px;
font-weight: bold;
text-align: center;
}
.D_hello h3 {
color: #666;
padding: 15px 0 20px;
}
.D_hello input {
border: none;
border: 1px solid #eee;
height: 34px;
padding: 0 10px;
width: 300px;
}
.D_hello .Dgo {
display: inline-block;
width: 100%;
line-height: 34px;
border-radius: 3px;
margin-top: 25px;
cursor: pointer;
text-align: center;
border: none;
background: #f66;
color: #fff;
}
.D_texubs li {
padding: 15px 0;
clear: both;
position: relative;
}
.D_texubs .D_check {
color: #666;
font-size: 12px;
padding: 0;
}
.D_texubs .D_check input {
margin-right: 10px;
}
.D_texubs h6 {
position: absolute;
bottom: -8px;
padding-left: 44px;
color: #c33;
font-size: 12px;
}
.D_npsb {
height: 24px;
padding: 5px 0;
border: 1px solid #eee;
border-radius: 3px;
position: relative;
}
.D_npsb .nps {
width: 34px;
height: 34px;
float: left;
background: #eeeeee url(../img/uma.png) no-repeat 9px 7px;
position: relative;
top: -5px;
}
.D_npsb .musm {
background-position: -19px 9px;
}
.D_npsb .key {
background-position: -46px 7px;
}
.D_npsb input {
width: 280px;
height: 22px;
line-height: 22px;
border: none;
padding-left: 10px;
}
.D_npsb .getmp {
position: absolute;
height: 20px;
line-height: 20px;
right: 5px;
padding-left: 5px;
border-left: 1px solid #ddd;
top: 6px;
color: #666;
cursor: pointer;
}
.D_npym {
width: 265px;
}
.D_npym input {
width: 160px;
}
.D_getm {
width: 80px;
height: 30px;
border-radius: 4px;
background: #f66;
color: #fff;
line-height: 30px;
text-align: center;
position: absolute;
right: 0;
top: 18px;
cursor: pointer;
}
.D_yesop {
line-height: 35px;
text-align: center;
color: #fff;
border-radius: 3px;
background: #f66;
border: none;
cursor: pointer;
margin-top: 15px;
}
.D_losg {
overflow: hidden;
padding-top: 20px;
line-height: 34px;
}
.D_losg em {
float: left;
padding-right: 20px;
display: none;
}
.D_losg .D_dlother {
width: 200px;
margin: 0 auto;
}
.D_losg .D_dlother a {
float: left;
width: 34px;
height: 34px;
background: url(../img/atc1.jpg) no-repeat -2px -2px;
border-radius: 50%;
}
.D_losg .D_dlother .qq {
background-position: -3px -244px;
}
.D_losg .D_dlother .wb {
background-position: -2px -63px;
}
.D_losg .D_dlother span {
float: left;
font-size: 33px;
color: #999;
width: 48px;
text-align: center;
}
.D_ovpaw {
text-align: center;
padding-top: 15px;
}
.D_ovpaw a {
color: #f66;
font-size: 12px;
}
.D_dnoop {
display: none;
}
#weixin_login_container {
height: 340px;
left: 70px!important;
overflow: hidden;
position: absolute;
top: 0px!important;
width: 300px;
background: #fff;
}
#weixin_login_cont {
height: 340px;
left: 90px!important;
overflow: hidden;
position: absolute;
top: 28px!important;
width: 300px;
background: #fff;
display: none;
}
.C_goin {
position: fixed;
background: #eee;
width: 200px;
padding-left: 30px;
height: 50px;
z-index: 1;
bottom: 20px;
right: 25px;
text-align: center;
color: #c33;
border-radius: 4px;
line-height: 50px;
cursor: pointer;
box-shadow: 1px 1px 3px #999;
}
.C_goin em {
display: block;
width: 20px;
height: 20px;
background: url(../img/cdsc.png) no-repeat 0 -178px;
position: absolute;
top: 15px;
left: 25px;
}
.ditu-actbox2 {
position: relative;
top: 70px;
}
.C_navlist {
width: 936px;
height: 50px;
float: right;
background: #fff;
position: absolute;
right: 25px;
border-radius: 3px;
box-shadow: 1px 1px 5px #999;
cursor: pointer;
}
.C_navlist:hover {
background: #eee;
}
.C_nvbox {
float: left;
width: 170px;
height: 30px;
padding: 10px 10px 10px 0;
line-height: 30px;
}
.C_nvbox .C_nals {
border-left: 1px solid #eee;
padding-left: 10px;
}
.C_nvbox .C_nals em {
float: right;
position: relative;
width: 13px;
height: 8px;
background: #058;
top: 11px;
background: url(../img/top-bum.png) no-repeat 0 -8px;
}
.C_nvbox .C_numl {
float: right;
padding-right: 5px;
}
.C_nvbox .C_numl span {
color: #c33;
}
.C_nvbox .C_anic {
float: left;
width: 24px;
height: 27px;
background: #ff0;
margin-top: 1px;
margin-right: 10px;
background: url(../img/shn1.png) no-repeat;
background-size: 100%;
}
.C_nvbox .C_anic1 {
background: url(../img/shn3.png) no-repeat;
background-size: 100%;
}
.C_nvbox .C_anic2 {
background: url(../img/shn2.png) no-repeat;
background-size: 100%;
}
.C_nvbox .C_anic3 {
background: url(../img/shn4.png) no-repeat;
background-size: 100%;
}
.C_nvbox .C_anic11 {
background: url(../img/shn11.png) no-repeat;
background-size: 100%;
}
.C_nvbox:hover {
background: #fff;
}
.C_nvbox:hover .C_nals {
border-left: 1px solid #fff;
}
.C_nvbox:hover .C_nals em {
background-position: 0 0;
}
.C_nvbox:hover .C_xsn {
display: block;
}
.Cdlis {
background: #eee;
}
.C_nvboxmn {
width: 100px;
}
.C_nvboxmn .C_nals {
text-align: center;
}
.C_nvbpon {
width: 175px;
}
.C_nalall {
width: 100px;
padding-left: 10px;
}
.C_nalall .C_nals {
border-left-color: transparent;
}
.C_xsn {
background: #fff;
width: 815px;
z-index: 1;
line-height: 30px;
display: none;
box-shadow: 1px 3px 3px #999;
top: 10px;
padding: 10px 0;
}
.C_vpos {
overflow: auto;
background: #fff;
}
.C_xbox {
border-bottom: 1px solid #eee;
padding: 0 20px 10px 25px;
margin-top: 10px;
overflow: hidden;
}
.C_xbox .C_xlef {
float: left;
}
.C_xbox .C_xrig {
float: left;
width: 620px;
}
.C_xbox a {
margin-left: 20px;
padding: 0 5px;
border-radius: 2px;
display: inline-block;
line-height: 20px;
}
.C_xbox a:hover {
color: #fff;
background: #c33;
}
.C_xbox input {
display: none;
}
.C_xbox label {
margin-left: 20px;
padding: 0 5px;
border-radius: 2px;
display: inline-block;
line-height: 20px;
cursor: pointer;
}
.C_xbox label:hover {
color: #fff;
background: #c33;
}
.C_xbox .credy {
color: #fff;
background: #c33;
}
.C_xbox:last-child {
border-bottom: none;
}
.C_xboxbn {
text-align: center;
}
.C_xboxbn span {
display: inline-block;
width: 50px;
text-align: center;
background: #c33;
line-height: 24px;
color: #fff;
margin-left: 20px;
border-radius: 2px;
cursor: pointer;
font-size: 12px;
}
.C_xboxbn .overw {
background: #eee;
color: #999;
}
.C_xsn1 {
position: relative;
left: -110px;
}
.C_xsn2 {
position: relative;
left: -290px;
}
.C_xsn2 .C_xlef {
width: 140px;
text-align: right;
}
.C_xsn2 .C_xlef a {
margin-left: 0;
}
.C_xsn2 .C_xlef label {
margin-left: 0;
}
.C_xsn2 .C_xrig {
width: 600px;
}
.C_xsn3 {
position: relative;
left: -550px;
}
.C_xsn3 .C_xlef {
width: 125px;
text-align: right;
}
.C_xsn3 .C_xlef a {
margin-left: 0;
}
.C_xsn3 .C_xlef label {
margin-left: 0;
}
.C_xsn3 .C_xrig {
width: 565px;
}
.ditu-daoright2 {
width: 325px;
margin-left: 20px;
}
.ditu-daoright2 input {
width: 130px;
}
.C_andll {
border-right: 1px solid #F9F9F9;
float: left;
min-width: 90px;
max-width: 120px;
padding-left: 20px;
line-height: 30px;
position: relative;
cursor: pointer;
display: none;
}
.C_andll .C_qbe {
float: left;
max-width: 80px;
padding-right: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.C_andll .C_qbs {
float: right;
width: 13px;
height: 8px;
background: url(../img/top-bum.png) no-repeat 0 -8px;
position: relative;
top: 11px;
right: 9px;
}
.C_allcet {
overflow: hidden;
background: #fff;
width: 540px;
position: relative;
left: -131px;
top: 10px;
line-height: 40px;
}
.C_allcet a {
margin-left: 20px;
display: inline-block;
}
.C_allcet .C_aqy {
float: left;
}
.C_allcet .C_axig {
width: 390px;
float: left;
}
.C_allcet .C_allcbs {
overflow: hidden;
border-bottom: 1px solid #eee;
padding: 10px 20px;
}
.C_allcet .C_allcbs:nth-child(1) {
padding-top: 10px;
}
.C_allcet .C_allcbs:last-child {
border: none;
}
.C_zlist {
width: 400px;
background: #fff;
z-index: 1;
position: fixed;
top: 180px;
left: 20px;
padding: 5px 10px;
border-radius: 3px;
box-shadow: 1px 1px 5px #999;
}
.C_topall {
line-height: 30px;
padding: 0 12px;
}
.C_topall span {
color: #c33;
padding: 0 3px;
}
.C_liboxs {
overflow: auto;
max-height: 450px;
}
.C_liboxs::-webkit-scrollbar {
width: 5px;
}
.C_liboxs::-webkit-scrollbar-thumb {
background-color: #eee;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.C_boxsmall {
padding-left: 40px;
position: relative;
overflow: hidden;
}
.C_boxsmall .C_linum {
position: absolute;
width: 20px;
height: 20px;
background: #c33;
color: #fff;
text-align: center;
line-height: 20px;
border-radius: 50%;
left: 10px;
top: 5px;
}
.C_boxsmall .C_listnv h1 {
font-weight: bold;
line-height: 25px;
}
.C_boxsmall:hover {
background: #eee;
border-radius: 3px;
}
.C_licts {
font-size: 12px;
color: #666;
line-height: 25px;
overflow: hidden;
}
.C_licts em {
float: left;
width: 14px;
height: 14px;
background: #fff;
margin-right: 10px;
position: relative;
top: 6px;
background: url(../img/cdsc.png) no-repeat -3px 0;
}
.C_licts .C_on1 {
background-position: -3px 0;
}
.C_licts .C_on2 {
background-position: -3px -26px;
}
.C_licts .C_on3 {
background-position: -3px -74px;
}
.C_licts .C_on4 {
background-position: -3px -51px;
}
.C_licts .C_on5 {
background-position: -3px -98px;
}
.C_licts .C_on6 {
width: 18px;
margin-right: 6px;
background-position: 0 -123px;
left: -2px;
}
.C_licts .C_on7 {
width: 18px;
margin-right: 6px;
background-position: 0 -150px;
left: -2px;
}
.C_licts h2 {
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 20px;
}
.C_licts div {
float: left;
width: 170px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.C_page {
overflow: hidden;
color: #666;
font-size: 12px;
padding: 12px 5px 12px 12px;
}
.C_page div {
float: left;
}
.C_page p {
float: right;
}
.C_page p a {
float: left;
margin-left: 4px;
height: 24px;
line-height: 24px;
text-align: center;
padding: 0 9px;
border-radius: 3px;
background: #EFEFEF;
}
.C_page p .cbig {
font-size: 30px;
line-height: 18px;
padding: 0 7px;
}
.C_xread {
overflow: auto;
width: 420px;
height: 500px;
max-height: 500px;
padding: 0;
padding-top: 40px;
display: none;
}
.C_xread .C_xblack {
position: fixed;
left: 30px;
top: 195px;
border-radius: 3px;
font-size: 12px;
background: #c1c1c1 ;
background-size: 20%;
padding: 0 10px 0 5px;
color: #fff;
z-index: 2;
cursor: pointer;
}
.Cxngs {
border-bottom: 3px solid #eee;
padding: 12px;
}
.Cxngs img {
display: block;
max-width: 100%;
margin: 0 auto;
border-radius: 3px;
}
.Cxngs h1 {
font-size: 14px;
font-weight: bold;
color: #333;
}
.Cxngs p {
font-size: 12px;
line-height: 20px;
color: #666;
}
.C_ngct {
padding-left: 20px;
}
.C_ngct h2 {
font-size: 14px;
position: relative;
line-height: 25px;
}
.C_ngct h2 span {
position: absolute;
left: -19px;
top: 6px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #c33;
color: #fff;
font-size: 12px;
text-align: center;
line-height: 14px;
}
.C_citybx {
position: fixed;
top: 180px;
left: 20px;
z-index: 2;
}
.cits1 {
background: url(../img/shnbg1.png) no-repeat;
background-size: 100%;
width: 25px;
height: 28px;
text-align: center;
color: #fff;
line-height: 28px;
}
.cits2 {
background: url(../img/shnbg.png) no-repeat;
background-size: 100%;
width: 25px;
height: 28px;
text-align: center;
color: #fff;
line-height: 28px;
}
.cits3 {
background: url(../img/shnbg2.png) no-repeat;
background-size: 100%;
width: 25px;
height: 28px;
text-align: center;
color: #fff;
line-height: 28px;
}
.allqboxcd {
margin-right: 0;
width: 160px;
padding: 0;
height: auto;
}
.allqboxcd .znbox {
border-radius: 0;
background: none;
}
.allqboxcd .actdibox {
margin-top: 0;
box-shadow: 0 2px 3px #999;
}
.Y_frid {
padding: 20px;
}
.Y_frid h1 {
font-size: 14px;
font-weight: bold;
padding-bottom: 15px;
}
.Y_frid h2 {
line-height: 16px;
}
.Y_frid h2 input {
margin-right: 5px;
position: relative;
top: 1px;
}
.Y_frid h2 label {
font-size: 14px;
margin-right: 30px;
cursor: pointer;
}
.Y_frsi {
border: 1px solid #eee;
border-radius: 3px;
padding: 0 30px;
}
.Y_frsi .Y_fnst {
padding: 30px 0;
overflow: hidden;
}
.Y_frsi .Y_fnst div {
float: left;
}
.Y_frsi .Ynsen {
text-align: center;
width: 195px;
}
.Y_frsi .Y_fnone {
border-bottom: 1px dashed #eee;
}
.Y_frsi .Y_fnone div {
line-height: 86px;
}
.Y_frsi .Y_fnone .Yfntn {
line-height: 20px;
padding-top: 34px;
}
.Y_frsi .Y_fnone img {
display: block;
width: 86px;
height: 86px;
}
.Y_frsi .Y_fntwo {
line-height: 26px;
}
.Y_frsi .Y_fntwo input {
border: 1px solid #DEDEDE;
width: 335px;
height: 24px;
padding: 0 6px;
background: #eee;
border-radius: 3px;
font-size: 12px;
}
.Y_frsi .Y_fntwo a {
display: inline-block;
margin-left: 20px;
margin-right: 1px;
border: 1px solid #eee;
border-radius: 3px;
line-height: 22px;
padding: 0 18px;
color: #FB7373;
font-size: 12px;
}
.Yhrt {
font-size: 18px;
overflow: hidden;
padding: 40px 0;
}
.Yhrt h2 {
float: left;
font-weight: bold;
margin-right: 40px;
}
.Yhrt h2 span {
color: #c33;
padding-left: 14px;
}
.Yleij {
height: 50px;
background: #eee;
line-height: 18px;
color: #666;
overflow: hidden;
}
.Yleij div {
float: left;
text-align: center;
padding-top: 6px;
}
.Yleij .one {
width: 112px;
line-height: 40px;
}
.Yleij .two {
width: 130px;
line-height: 40px;
}
.Yleij .ther {
width: 135px;
}
.Yleij .forn {
width: 145px;
}
.Yleij .five {
width: 130px;
}
.Yleij .six {
width: 125px;
}
.Ylistb li {
overflow: hidden;
padding: 28px 0;
height: 30px;
line-height: 30px;
border-bottom: 1px dashed #eee;
}
.Ylistb li div {
float: left;
text-align: center;
height: 30px;
}
.Ylistb li .one {
width: 112px;
padding: 0 5px;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Ylistb li .two {
width: 130px;
line-height: 40px;
}
.Ylistb li .ther {
width: 115px;
padding: 0 10px;
line-height: 18px;
}
.Ylistb li .forn {
width: 145px;
}
.Ylistb li .five {
width: 130px;
}
.Ylistb li .six {
width: 100px;
padding: 0 5px;
line-height: 18px;
}
.Ylistb li .line {
background: url(../img/line2.jpg) no-repeat center center;
}
.Q_youth {
background: #007CC2;
background: #007cc2 url(../img/youth2.jpg) no-repeat bottom;
min-width: 1200px;
}
.Q_ytop {
position: relative;
left: -60px;
height: 590px;
}
.Q_ytop img {
position: relative;
}
.Q_ymathn {
position: relative;
top: 0px;
}
.Q_blef em {
font-size: 18px;
color: #fff;
font-weight: bold;
border-left: 5px solid #73BF29;
padding: 0 20px 0 10px;
line-height: 18px;
}
.Q_brig {
font-size: 18px;
}
.Q_mtext {
padding-top: 40px;
}
.Q_mtext h1 {
border-left: 5px solid #84C221;
font-size: 18px;
margin-top: 0;
}
.Q_mtext p {
padding-bottom: 10px;
font-size: 14px;
line-height: 22px;
}
.Q_mtext .Qdatet {
color: #c33;
position: relative;
top: -13px;
font-size: 18px;
}
.Q_mtext .Qdatet a {
margin-right: 30px;
color: #fff;
border: 1px solid #efefef;
border-radius: 3px;
padding: 0 5px;
color: #999;
}
.Q_mtext .Qdatet a:hover {
background: #efefef;
color: #666;
}
.Qvcs {
max-height: 150px;
overflow: auto;
}
.Q_censw {
overflow: hidden;
}
.Q_censw div {
float: left;
}
.Q_censw div h3 span {
font-weight: bold;
}
.Q_censw div h3 em {
color: #067AC3;
font-weight: bold;
}
.Q_censw .Q_wone {
width: 512px;
padding-right: 50px;
border-right: 1px solid #eee;
}
.Q_censw .Q_wone h1 {
margin-bottom: 20px;
border-left: 5px solid #83C120;
}
.Q_censw .Q_wone h3 {
padding-bottom: 4px;
}
.Q_censw .Q_wtwo {
width: 525px;
padding-left: 30px;
font-size: 14px;
line-height: 22px;
}
.Q_censw .Q_wtwo h3 {
padding-bottom: 9px;
}
.Q_datest {
overflow: hidden;
padding-top: 30px;
}
.Q_datest .Q_datebox {
width: 58px;
height: 64px;
border: 1px solid #D2D2D2;
border-radius: 3px;
text-align: center;
float: left;
margin-right: 18px;
}
.Q_datest .Q_month {
width: 60px;
height: 20px;
position: relative;
left: -1px;
top: -1px;
font-size: 12px;
background: #85C026;
line-height: 20px;
color: #fff;
border-radius: 3px 3px 0 0;
}
.Q_datest .Q_day {
line-height: 28px;
font-size: 18px;
font-weight: bold;
}
.Q_datest .Q_whys {
font-size: 10px;
line-height: 16px;
}
.Q_datest .Q_dtitle {
line-height: 60px;
font-weight: bold;
background: url(../img/line.jpg) repeat-x center;
float: left;
width: 1030px;
}
.Q_datest .Q_dtitle span {
padding-right: 25px;
background: #fff;
}
.Q_dalistbox {
padding-left: 75px;
overflow: hidden;
}
.Q_daleft {
width: 465px;
float: left;
}
.Q_daleft div {
overflow: hidden;
}
.Q_daleft div p {
width: 80px;
float: left;
font-size: 12px;
position: relative;
padding: 8px 0;
line-height: 18px;
}
.Q_daleft div p em {
position: absolute;
width: 5px;
height: 5px;
background: #ccc;
right: -3px;
border-radius: 50%;
top: 16px;
}
.Q_daleft div p .Qbig {
width: 8px;
height: 8px;
right: -4px;
top: 14px;
}
.Q_daleft div h1 {
float: left;
border-left: 1px solid #eee;
width: 366px;
padding: 8px 0 8px 10px;
line-height: 18px;
}
.Q_darig {
padding-left: 50px;
width: 485px;
}
.Q_darig div h1 {
width: 385px;
}
.Q_boms {
padding-bottom: 25px;
}
.Q_boms .Q_cwx div {
width: 69px;
height: 69px;
padding: 0;
}
.Q_boms .Q_cwx div img {
width: 69px;
height: 69px;
}
.Q_ntit {
border-left: 5px solid #83C120;
font-size: 18px;
}
.N_login {
position: fixed;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
background: url(../img/bigbag.jpg) no-repeat center center;
background-size: cover;
background-position-x: 50%;
background-position-y: 0;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.N_content {
width: 1200px;
height: 100%;
margin: 0 auto;
z-index: 1;
position: relative;
color: #fff;
}
.N_ctele {
text-align: center;
}
.N_ctele h1 {
height: 250px;
font-size: 86px;
line-height: 250px;
background: url(../img/nloln.png) no-repeat center bottom;
letter-spacing: 10px;
}
.N_ctele h2 {
letter-spacing: 55px;
font-size: 26px;
}
.N_section {
background: #fff;
border-radius: 3px;
position: absolute;
bottom: 160px;
width: 1200px;
color: #333;
}
.N_sectop {
position: absolute;
top: -37px;
left: 50%;
margin-left: -85px;
}
.N_sectop a {
display: block;
width: 80px;
line-height: 37px;
text-align: center;
border-radius: 3px 3px 0 0;
margin-left: 10px;
float: left;
background: #eee;
color: #666;
}
.N_sectop .Nyes {
background: #fff;
font-weight: bold;
color: #333;
}
.N_listbox {
padding: 40px 0 40px 40px;
}
.N_dezh {
float: left;
padding: 13px 10px 0 0;
}
.N_logbox1 {
padding-left: 100px;
display: block;
}
.N_logts {
display: none;
}
.N_loone {
overflow: hidden;
}
.N_loone p {
float: left;
margin-right: 20px;
border: 1px solid #eee;
height: 28px;
width: 233px;
padding-left: 5px;
border-radius: 3px;
}
.N_loone p input {
border: none;
width: 190px;
padding-left: 10px;
}
.N_loone p em {
display: inline-block;
width: 20px;
height: 20px;
background: #98f;
position: relative;
top: 4px;
background: url(../img/uma.png) no-repeat;
background-position: 2px 0;
}
.N_loone p .N_upass {
background-position: -50px 2px;
}
.N_loone p .N_uyz {
background-position: -25px 2px;
}
.N_loone .Nyzb {
width: 150px;
}
.N_loone .Nyzb input {
width: 50px;
}
.N_loone .Nyzb span {
float: right;
line-height: 28px;
width: 50px;
text-align: center;
font-size: 12px;
background: #eee;
cursor: pointer;
color: #f66;
}
.N_lotwo {
display: none;
font-size: 12px;
color: #999;
}
.N_lotwo input {
position: relative;
top: 3px;
margin-right: 15px;
}
.N_deng {
display: inline-block;
width: 80px;
line-height: 30px;
text-align: center;
color: #fff;
background: #FF6666;
border-radius: 3px;
float: left;
margin-right: 20px;
}
.N_kudel {
border-left: 2px solid #eee;
padding-left: 30px;
height: 60px;
overflow: hidden;
}
.N_kudel .N_ksn {
width: 15px;
float: left;
line-height: 14px;
font-size: 12px;
margin-right: 30px;
color: |#999;
}
.N_kudel .N_loother {
overflow: hidden;
padding: 15px 0;
}
.N_kudel .N_loother a {
float: left;
width: 30px;
height: 30px;
border-radius: 50%;
background: url(../img/atc1.jpg) no-repeat;
background-size: 100%;
background-position: 0px 0px;
font-size: 0;
}
.N_kudel .N_loother .N_lqq {
background-position: 0 -180px;
}
.N_kudel .N_loother .N_lwb {
background-position: 0 -44px;
}
.N_kudel .N_loother em {
float: left;
width: 25px;
line-height: 30px;
text-align: center;
}
.N_footer {
text-align: center;
position: absolute;
bottom: 20px;
width: 100%;
}
.N_footer span {
padding: 0 10px;
}
.S_tbgrd {
width: 100%;
height: 220px;
background: url(../img/qqw.jpg) no-repeat;
position: absolute;
background-size: 100% 100%;
min-width: 1200px;
}
.S_tbgrd img {
display: block;
width: 100%;
}
.S_tbgrcom {
background: url(../img/company.jpg) no-repeat;
}
.S_tbgrinves {
background: url(../img/Investment.jpg) no-repeat;
}
.S_saas {
background: url(../img/saasbg.jpg) no-repeat;
}
.S_content {
padding-top: 60px;
z-index: 1;
position: relative;
}
.S_topcong {
height: 330px;
}
.S_topcle {
width: 180px;
float: left;
border: 1px solid #f7f7f7;
border-bottom: none;
box-shadow: 0px 6px 15px #999;
position: relative;
height: 329px;
background-size: 95%;
}
.S_topcle .S_toppics {
background: #fff;
position: relative;
}
.S_topcle .S_toppics span {
position: absolute;
right: 0;
top: 0;
z-index: 3;
background: #f93;
color: #fff;
line-height: 20px;
padding: 0 5px;
border-radius: 0 0 0 3px;
font-size: 12px;
}
.S_topcle img {
display: block;
width: 180px;
height: 180px;
border-bottom: 1px solid #f7f7f7;
z-index: 2;
position: relative;
}
.S_topcle .Snobv {
text-align: center;
line-height: 90px;
background: url(../img/cback.jpg) repeat;
background-size: 95%;
padding-bottom: 60px;
}
.S_topcle .S_toptext {
line-height: 18px;
font-size: 12px;
color: #999;
padding: 40px 18px 0;
min-height: 105px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
position: relative;
position: absolute;
top: 159px;
z-index: 1;
height: 105px;
}
.S_topcle .S_toptext:hover {
width: 670px;
height: auto;
overflow: auto;
display: block;
box-shadow: 4px 0 10px #999;
min-height: 110px;
padding-bottom: 20px;
background: url(../img/cback.jpg) repeat;
background-size: 25%;
animation: zindex 0.1s;
}
.S_tsaas {
height: auto;
}
@-moz-keyframes zindex {
from {
width: 180px;
}
to {
width: 670px;
}
}
@-o-keyframes zindex {
from {
width: 180px;
}
to {
width: 670px;
}
}
@-webkit-keyframes zindex {
from {
width: 180px;
}
to {
width: 670px;
}
}
@keyframes zindex {
from {
width: 180px;
}
to {
width: 670px;
}
}
.S_topcrig {
float: right;
width: 995px;
}
.S_tcrigle {
overflow: hidden;
height: 160px;
color: #fff;
}
.S_tcrisaas {
height: 183px;
}
.S_tcrigle1 {
float: left;
}
.S_tcrigle1 h1 {
font-size: 24px;
font-weight: bold;
line-height: 42px;
overflow: hidden;
padding-top: 10px;
height: 42px;
}
.S_tcrigle1 h1 span {
display: block;
max-width: 690px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
}
.S_tcrigle1 h1 em {
display: block;
width: 40px;
height: 40px;
background: url(../img/nmap.png) no-repeat -190px -162px;
float: left;
cursor: pointer;
}
.S_tcrigle1 h1 .Comtolg {
background-position: -190px -162px;
}
.S_tcrigle1 .S_tcles {
overflow: hidden;
padding: 15px 0;
}
.S_tcrigle1 .S_tcles div {
float: left;
border-right: 1px solid #eee;
line-height: 14px;
font-size: 12px;
margin-right: 25px;
}
.S_tcrigle1 .S_tcles div em {
margin: 0 30px 0 20px;
font-weight: bold;
font-size: 14px;
}
.S_tcrigle1 .S_tcles div:nth-child(3) {
border-right: none;
}
.S_tcrigle1 .S_tclcen {
overflow: hidden;
}
.S_tcrigle1 .S_tclcen span {
float: left;
padding: 0 0px 0 15px;
margin-right: 10px;
height: 20px;
line-height: 20px;
font-size: 12px;
background: url(../img/nmap.png) no-repeat -191px -49px;
border-radius: 0 2px 2px 0;
}
.S_tcrigle1 .S_tclcen span em {
float: left;
height: 20px;
padding-right: 6px;
border-radius: 0 2px 2px 0;
background: #5CA3E1;
}
.S_tcrigle1 .S_tclcen .Compzs {
background-position: -191px -129px;
}
.S_tcrigle1 .S_tclcen .Compzs em {
background: #ba73dc;
}
.S_tcrigle1 .S_tclcen .Invsts {
background-position: -191px -88px;
}
.S_tcrigle1 .S_tclcen .Invsts em {
background: #F99D00;
}
.S_tcrigle1 .S_telv {
width: 550px;
line-height: 17px;
font-size: 12px;
height: 34px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.S_tcrigle1 .S_telv a {
text-decoration: underline;
color: #f66;
}
.S_tcrigle1 p {
max-width: 400px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
padding-top: 5px;
font-size: 13px;
}
.S_tcrit2 {
width: 650px;
}
.S_tcnewh h1 {
padding: 0 0 10px 0;
}
.S_aasltne {
height: 70px;
overflow: hidden;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-height: 22px;
}
.S_listsa {
font-size: 14px;
text-align: center;
overflow: hidden;
padding: 10px 0;
background: #fff;
border-radius: 4px;
box-shadow: 0px 2px 4px #d5d4d4;
}
.S_listsa a {
float: left;
width: 129px;
color: #666;
line-height: 20px;
}
.S_listsa a:hover {
color: #f66;
font-weight: bold;
}
.S_listsa .yessa {
color: #f66;
font-weight: bold;
}
.S_listsa em {
float: left;
border-left: 1px solid #eee;
height: 20px;
}
.S_aastel {
font-size: 30px;
line-height: 60px;
font-weight: bold;
}
.S_tcrigle2 {
float: right;
}
.S_tcrigle2 .S_tcbdr {
padding-top: 20px;
height: 30px;
}
.S_tcrigle2 .S_tcbdr div {
float: left;
border: 1px solid #eee;
text-align: center;
margin-left: 10px;
border-radius: 3px;
line-height: 28px;
width: 118px;
letter-spacing: 3px;
cursor: pointer;
}
.S_tcrigle2 .S_tcbdr .S_tcdy {
color: #f66;
background: #ECECEA;
}
.S_tcrigle2 .S_tcuser {
padding-top: 24px;
overflow: hidden;
float: right;
}
.S_tcrigle2 .S_tcuser dl {
width: 60px;
margin-left: 10px;
float: left;
}
.S_tcrigle2 .S_tcuser dl dt {
width: 40px;
height: 40px;
margin: 0 auto;
position: relative;
}
.S_tcrigle2 .S_tcuser dl dt img {
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
}
.S_tcrigle2 .S_tcuser dl dt em {
background: #FF9100;
border-radius: 50%;
position: absolute;
width: 18px;
height: 18px;
text-align: center;
line-height: 18px;
right: 0;
top: 28px;
font-size: 12px;
}
.S_tcrigle2 .S_tcuser dl dd {
font-weight: bold;
padding-top: 5px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_tcrigbon {
padding-top: 20px;
height: 122px;
}
.S_tcrigbon2 {
padding-top: 10px;
height: 122px;
overflow: hidden;
}
.S_tcpfs {
float: left;
width: 400px;
border-right: 1px dashed #eee;
/*ul{
li{
float: left;
width: 200px;
position: relative;
padding-top: 10px;
span{
color: #FF9400;
padding-left: 10px;
}
em{
position: absolute;
display: block;
width: 15px;
height: 15px;
background: url(../img/nmap.png) no-repeat;
right: 33px;
top: 15px;
}
.kist{
background-position: -156px -215px;
}
.kisp{
background-position: -156px -246px;
}
}
}*/
}
.S_tcpfs h1 {
font-size: 24px;
font-weight: bold;
letter-spacing: 5px;
}
.S_tcpfs .S_nenuv {
padding-top: 5px;
padding-bottom: 15px;
overflow: hidden;
}
.S_tcpfs .S_nenuv li {
width: 265px;
float: left;
font-size: 12px;
line-height: 30px;
letter-spacing: 0;
}
.S_tcpfs .S_nenuv li em {
display: inline-block;
width: 85px;
}
.S_tcpfs .S_nenuv li strong {
font-size: 14px;
display: inline-block;
width: 60px;
}
.S_tcpfs .S_nenuv li span {
color: #999;
}
.S_tcpfs2 {
width: 605px;
}
.S_pfnums {
overflow: hidden;
padding-top: 4px;
}
.S_pfnums span {
float: left;
padding-top: 2px;
}
.S_pfnums .Starbosx {
float: left;
padding: 0 20px;
}
.S_pfnums .SSnum {
font-size: 24px;
width: 40px;
line-height: 25px;
}
.S_pfnums h1 {
float: left;
font-size: 24px;
font-weight: bold;
letter-spacing: 5px;
padding-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 150px;
}
.Cqingk {
overflow: hidden;
padding-right: 20px;
}
.Cqingk p {
float: left;
font-size: 16px;
font-weight: bold;
}
.Cqingk div {
float: right;
font-size: 12px;
}
.Cqingk div span {
color: #f66;
}
.Cqlist {
max-height: 100px;
margin-top: 15px;
overflow: auto;
}
.Cqlist p {
font-size: 12px;
overflow: hidden;
padding-bottom: 5px;
}
.Cqlist p em {
float: left;
background: #FE970A;
line-height: 20px;
border-radius: 3px;
color: #fff;
margin-right: 10px;
padding: 0 8px;
position: relative;
top: 2px;
}
.Cqlist p span {
float: left;
}
.Cqlist p s {
float: left;
padding: 0 5px;
color: #FE970A;
}
.Camover {
text-align: center;
padding: 20px;
}
.Camover a {
border: 1px solid #eee;
padding: 0 4px;
color: #f66;
border-radius: 3px;
}
.S_tcpfcen {
width: 245px;
float: left;
padding-left: 25px;
}
.S_tcpfcen h1 {
font-size: 17px;
font-weight: bold;
line-height: 15px;
}
.S_tcpfcen h1 span {
display: inline-block;
width: 25px;
height: 25px;
background: url(../img/nmap.png) no-repeat -106px -219px;
margin-left: 10px;
position: relative;
top: 6px;
}
.S_tcpfcen .S_tcpfon {
padding-top: 15px;
}
.S_tcpfcen .S_tcpfon div {
width: 80px;
height: 80px;
float: left;
}
.S_tcpfcen .S_tcpfon .S_meiyb {
background: url(../img/wu.png) no-repeat;
}
.S_tcpfcen .S_tcpfon p {
float: left;
padding: 26px 0 0 10px;
color: #666;
font-size: 13px;
letter-spacing: 0;
}
.S_tcpfcen .S_tcpfon p em {
font-weight: bold;
padding: 0 4px;
}
.S_tcpfcen2 {
width: 250px;
float: left;
}
.S_tcpflog {
margin: 20px 0;
height: 100px;
max-height: 100px;
float: left;
width: 290px;
overflow: auto;
}
.S_tcpflog::-webkit-scrollbar {
width: 5px;
}
.S_tcpflog::-webkit-scrollbar-thumb {
background-color: #eee;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.S_tcpflog img {
float: left;
height: 16px;
margin: 16px 0 0 25px;
}
.S_tcpflog h3 {
padding-top: 30px;
text-align: center;
color: #999;
}
.S_tcpflog .Szfln {
display: block;
margin: 0 auto;
border: 1px solid #ddd;
color: #f66;
line-height: 22px;
width: 100px;
text-align: center;
border-radius: 3px;
margin-top: 5px;
}
.S_tcpflog2 {
border-right: 1px dashed #999;
padding: 0;
margin-top: 20px;
}
.S_cencong {
width: 100%;
overflow: hidden;
}
.Snnbox {
overflow: hidden;
padding: 10px 20px 10px 0;
border: 1px solid #ddd;
border-radius: 3px;
}
.Snnbox2 {
border-top: none;
}
.S_cenleft {
float: left;
width: 850px;
}
.S_cmapbox {
height: 415px;
margin-bottom: 0px;
position: relative;
background: #fff;
margin-left: 130px;
}
.S_cmapboxm {
position: relative;
width: 850px;
margin-left: 0px;
}
.S_cmapboxm select {
position: absolute;
right: 20px;
top: 20px;
z-index: 1;
line-height: 26px;
border: none;
width: 80px;
box-shadow: 0 0 3px #999;
border-radius: 3px;
height: 30px;
padding: 0 10px;
}
.S_cmapboxm .Insele {
right: 110px;
}
.S_cmapboxm .Incosub {
display: block;
width: 90px;
height: 30px;
background: #f66;
border-radius: 3px;
color: #fff;
text-align: center;
line-height: 30px;
position: absolute;
right: 10px;
top: 20px;
z-index: 1;
font-size: 12px;
}
.Smapgo {
position: absolute;
z-index: 1;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
background: url(../img/nmap.png) no-repeat -190px -247px;
}
.S_flile {
width: 180px;
float: left;
margin-right: 30px;
}
.Sfletop {
height: 345px;
overflow: auto;
}
.Sfletop h1 {
font-size: 18px;
font-weight: 800;
position: relative;
}
.Sfletop h1 em {
float: left;
width: 24px;
height: 24px;
background: url(../img/nmap.png) no-repeat -152px -45px;
margin-right: 12px;
}
.Sfletop .Sblinel {
display: block;
position: absolute;
height: 20px;
left: 12px;
top: 25px;
border-left: 1px solid #f66;
}
.Sfdons {
margin-left: 12px;
border-left: 1px solid #f66;
padding-left: 22px;
}
.Sfdons h3 {
position: relative;
cursor: pointer;
line-height: 34px;
font-weight: bold;
height: 34px;
}
.Sfdons h3 em {
display: block;
width: 7px;
height: 7px;
background: #f66;
position: absolute;
left: -26px;
border-radius: 50%;
top: 14px;
}
.Sfdons .syesh3 {
color: #f66;
}
.Sfdons .syesh3 em {
display: none;
}
.Sfdons h5 {
position: relative;
line-height: 20px;
padding: 7px 0;
cursor: pointer;
}
.Sfdons h5 em {
position: absolute;
width: 20px;
height: 15px;
left: -30px;
top: 9px;
}
.Sfdons h5:hover {
font-size: 16px;
color: #f66;
font-weight: bold;
}
.Sfdons h5:hover em {
background: url(../img/nmap.png) no-repeat -154px -91px;
}
.Sfdons .Syesns {
font-size: 16px;
color: #f66;
font-weight: bold;
}
.Sfdons .Syesns em {
background: url(../img/nmap.png) no-repeat -154px -91px;
}
.Sfdons .syesh5 {
font-size: 16px;
color: #f66;
font-weight: bold;
}
.Sfdons .syesh5 em {
background: url(../img/nmap.png) no-repeat -154px -91px;
}
.Sflebon {
margin-top: 20px;
height: 48px;
border: 1px solid #f66;
border-radius: 4px;
cursor: pointer;
position: relative;
font-size: 18px;
color: #f66;
line-height: 48px;
letter-spacing: 2px;
padding-left: 65px;
}
.Sflebon em {
display: block;
position: absolute;
width: 25px;
height: 22px;
background: url(../img/nmap.png) no-repeat -530px -10px;
left: 25px;
top: 12px;
}
.S_fpicrig {
width: 720px;
height: 415px;
position: relative;
}
.S_fnopic {
text-align: center;
line-height: 400px;
background: url(../img/cback.jpg) repeat;
}
.Sxsbos {
background: #fff;
width: 290px;
overflow: hidden;
float: right;
height: 415px;
}
.Sxsbos h1 {
height: 52px;
line-height: 52px;
font-size: 22px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.Sxsbos .Ancrown {
height: 20px;
margin-bottom: -9px;
background: url(../img/Ancrown.png) no-repeat center 0;
}
.Fvclick {
background: #f8f8f8;
border-radius: 3px;
padding: 10px 20px;
position: relative;
margin-bottom: 10px;
}
.Fvclick img {
position: absolute;
right: 0;
top: -50px;
}
.Fvgeten {
overflow: hidden;
color: #666;
}
.Fvgeten .Fvone {
position: relative;
padding-left: 20px;
}
.Fvgeten .Fvone:after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: -3px;
top: 0;
background: url(../img/pguan.png) no-repeat center center;
}
.Fvgeten .Fvtwo {
margin-left: 8px;
}
.Fvgeten .Fvtwo i {
color: #f66;
font-style: normal;
}
.Fvgeten .Fvthere {
float: right;
font-size: 12px;
color: #f66;
text-decoration: underline;
}
.Fvfore {
display: block;
width: 90px;
margin: 0 auto;
line-height: 26px;
text-align: center;
background: #f66;
border-radius: 2px;
color: #fff;
margin-top: 5px;
}
.Fvfore2 {
background: #ccc;
}
.Sblcklist {
position: absolute;
width: 120px;
line-height: 30px;
text-align: center;
color: #fff;
background: #000;
border-radius: 3px;
opacity: .6;
z-index: 1;
bottom: 10px;
left: 10px;
cursor: pointer;
}
.Sgwdan {
overflow: hidden;
padding: 10px 0;
color: #999;
}
.Sgwdan h2 {
float: left;
font-size: 12px;
border-radius: 0 4px 4px 0;
letter-spacing: 0;
}
.Sgwdan h2 span {
font-size: 18px;
font-weight: bold;
padding-right: 5px;
color: #f66;
}
.Fvbox {
width: 1200px;
padding: 0 50px;
position: relative;
left: -50px;
}
.Fvbox .Fvtitle {
position: relative;
z-index: 1;
color: #fff;
font-size: 30px;
overflow: hidden;
padding: 20px 0 15px 0;
line-height: 55px;
height: 55px;
}
.Fvbox .Fvtitle em {
float: left;
line-height: 55px;
}
.Fvbox .Fvtitle .Fvtts {
margin: 0 15px;
}
.Fvbox .Fvtitle img {
margin-left: 20px;
}
.Fvbox .Fvtitle a {
float: right;
width: 140px;
height: 36px;
line-height: 36px;
border-radius: 3px;
background: #f66;
font-size: 16px;
text-align: center;
position: relative;
top: 10px;
}
.Fvbox .Fvpic {
position: absolute;
left: 0;
top: 0;
}
.Smvmap {
position: relative;
background: #fff;
}
.S_gomap {
position: absolute;
width: 118px;
height: 80px;
bottom: 0px;
left: 0px;
background: #fff;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
cursor: pointer;
}
.S_gomap .Sggm {
background: #ddd;
padding-top: 10px;
width: 108px;
height: 60px;
position: relative;
top: 10px;
border-radius: 3px;
}
.S_gomap .Sggm div {
width: 25px;
height: 25px;
margin: 0 auto;
background: url(../img/nmap.png) no-repeat -530px -9px;
}
.S_gomap h1 {
text-align: center;
color: #f66;
}
.Slistop {
padding: 0 10px 0 25px;
line-height: 18px;
font-size: 12px;
height: 185px;
overflow: auto;
}
.Slistop::-webkit-scrollbar {
width: 5px;
}
.Slistop::-webkit-scrollbar-thumb {
background-color: #ddd;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.Slistop li {
position: relative;
padding-top: 15px;
color: #666;
}
.Slistop li em {
position: absolute;
display: block;
width: 15px;
height: 15px;
left: -20px;
top: 17px;
background: url(../img/nmap.png) no-repeat;
}
.Slistop .Splace {
width: 195px;
}
.Slistop .Splace a {
position: absolute;
right: -45px;
color: #999;
text-decoration: underline;
top: 15px;
}
.Slistop .Splace em {
background-position: -37px 0;
}
.Slistop .Splone em {
background-position: -37px -26px;
}
.Slistop .Splone a {
float: right;
text-decoration: underline;
color: #999;
}
.Slistop .Snums em {
background-position: -37px -54px;
}
.Slistop .Spgws em {
background-position: -37px -88px;
}
.Slistop .Spgws span {
display: inline-block;
width: 15px;
height: 15px;
background: url(../img/nmap.png) no-repeat -37px -151px;
position: relative;
top: 3px;
left: 6px;
float: right;
}
.Slistop .Spgws a {
float: right;
text-decoration: underline;
color: #999;
margin-left: 10px;
}
.Slistop .Spact {
color: #f66;
}
.Slistop .Spact em {
background-position: -37px -119px;
}
.Sovtop {
display: block;
line-height: 40px;
font-size: 12px;
color: #fff;
text-align: center;
background: #f66;
width: 290px;
border-radius: 3px;
}
.Simgbos {
height: 45px;
overflow: hidden;
width: 200%;
padding: 15px 0 15px 20px;
}
.Simgbos img {
float: left;
width: 80px;
height: 45px;
margin-right: 5px;
}
.Sblcks {
overflow: hidden;
padding: 0 0 15px 20px;
}
.Sblcks span {
float: left;
width: 20px;
height: 20px;
background: url(../img/nmap.png) no-repeat -200px -218px;
margin-right: 10px;
}
.Sblcks a {
color: #f66;
text-decoration: underline;
float: left;
line-height: 20px;
font-size: 12px;
}
.Sblcks2 {
position: absolute;
z-index: 1;
left: 10px;
border-top: 3px solid #f66;
height: auto;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 5px #999;
}
.Sblcks2 .Sgwdan {
padding: 0 10px;
}
.Sblcks2 .Slistop {
max-height: 212px;
}
.Sbigpic {
width: 720px;
height: 415px;
}
.Sbigpic img {
display: block;
width: 720px;
height: 415px;
}
.Sdle {
width: 22px;
height: 35px;
background: url(../img/nmap.png) no-repeat -530px -101px;
position: absolute;
left: 12px;
top: 195px;
cursor: pointer;
}
.Sdrig {
width: 22px;
height: 35px;
background: url(../img/nmap.png) no-repeat -530px -51px;
position: absolute;
right: 12px;
top: 195px;
cursor: pointer;
}
.Simgyy {
position: absolute;
left: -123px;
top: 0;
width: 120px;
}
.Ssmbox {
overflow: hidden;
padding-top: 3px;
min-height: 310px;
max-height: 310px;
}
.Smallpic {
border-radius: 3px;
cursor: pointer;
margin-bottom: 6px;
}
.Smallpic img {
display: block;
width: 110px;
height: 65px;
}
.Smallpic a {
display: block;
width: 110px;
height: 65px;
border: 3px solid #fff;
border-radius: 3px;
}
.Smallpic .current {
border: 3px solid #f66;
}
.Sprev {
width: 110px;
height: 10px;
line-height: 50px;
background: #eee;
cursor: pointer;
margin-top: 4px;
border: 1px solid #eee;
margin: 0 auto;
text-align: center;
line-height: 15px;
color: #999;
}
.Sleft {
margin-right: 5px;
line-height: 7px;
}
.Sright {
float: right;
}
.Stofd {
display: table;
width: 1200px;
text-align: center;
position: relative;
top: -10px;
}
.Stofd li {
display: table-cell;
vertical-align: middle;
line-height: 25px;
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/*
&:hover{
a{
border-top: 3px solid #f66;
}
}*/
}
.Stofd li span {
display: inline-block;
font-weight: bold;
margin-right: 10px;
overflow: hidden;
line-height: 25px;
padding-top: 6px;
}
.Stofd li a {
padding: 0 5px;
display: block;
border-top: 3px solid #fff;
}
.Stofd li em {
display: inline-block;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 25px;
padding-top: 6px;
}
.Stofd li s {
display: none;
}
.Stofd .yystos a {
border-top: 3px solid #f66;
}
.Stofd10 {
width: 1200px;
text-align: center;
position: relative;
top: -10px;
overflow: hidden;
border-bottom: 1px solid #ddd;
}
.Stofd10 li {
float: left;
width: 99px;
vertical-align: middle;
line-height: 38px;
border: 1px solid #ddd;
border-radius: 3px 3px 0 0;
border-left: none;
border-bottom: none;
position: relative;
color: #999;
/*
&:hover{
a{
border-top: 3px solid #f66;
}
}*/
}
.Stofd10 li span {
font-weight: bold;
margin-right: 10px;
}
.Stofd10 li s {
display: inline-block;
position: absolute;
width: 14px;
height: 38px;
box-shadow: -10px 0px 20px #ffffff;
right: 0;
background: #fff;
}
.Stofd10 li a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 0 5px;
display: block;
border-top: 3px solid #fff;
}
.Stofd10 .yystos {
width: 298px;
color: #333;
}
.Stofd10 .yystos s {
display: none;
}
.Stofd10 .yystos a {
border-top: 3px solid #f66;
}
.champion {
display: inline-block;
width: 14px;
height: 20px;
margin-top: 8px;
margin-right: 6px;
background: url(../img/medal.png) no-repeat;
vertical-align: top;
}
.Syyrz {
width: 480px;
padding: 25px 30px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -240px;
margin-top: -300px;
background: #fff;
box-shadow: 0 0 5px #999;
border-radius: 3px;
}
.Syyrz h1 {
width: 540px;
position: relative;
left: -30px;
border-left: 5px solid #f66;
line-height: 18px;
font-size: 18px;
text-align: center;
}
.Syycuo {
position: absolute;
right: 20px;
top: 10px;
font-size: 25px;
color: #999;
}
.Slirzs {
padding-top: 10px;
}
.Slirzs li {
position: relative;
padding: 10px 0 10px 85px;
}
.Slirzs li span {
position: absolute;
line-height: 40px;
left: 0px;
top: 10px;
}
.Slirzs li input {
width: 375px;
border: 1px solid #eee;
height: 38px;
padding: 0 10px;
}
.Slirzs .Srado {
overflow: hidden;
padding: 0 0 0 85px;
}
.Slirzs .Srado input {
width: 15px;
float: left;
}
.Slirzs .Srado label {
float: left;
display: inline-block;
line-height: 38px;
cursor: pointer;
margin: 0 50px 0 5px;
}
.Slirzs .Stivv input {
width: 155px;
background: url(../img/picrl.png) no-repeat right;
}
.Slirzs .Stivv s {
color: #999;
padding: 0 10px;
}
.Slirzs .Stjbb a {
margin-left: 125px;
}
.Stofdarr {
width: 1200px;
position: relative;
top: -10px;
overflow: hidden;
padding: 10px 0;
border-top: 1px solid #ddd;
}
.Stofdarr li {
float: left;
vertical-align: middle;
line-height: 25px;
position: relative;
padding: 3px 20px;
}
.Stofdarr li span {
font-weight: bold;
margin-right: 10px;
}
.Stofdarr li em {
color: #999;
}
.Stofdarr li s {
display: none;
position: absolute;
width: 14px;
height: 38px;
box-shadow: -10px 0px 20px #ffffff;
right: 0;
background: #fff;
}
.Stofdarr li a {
display: inline-block;
padding: 0 5px;
border: 1px solid #fff;
}
.Stofdarr li:hover a {
border: 1px solid #f66;
border-radius: 3px;
color: #f66;
}
.Stofdarr li:hover em {
color: #f66;
}
.Stofdarr .yystos a {
border: 1px solid #f66;
border-radius: 3px;
color: #f66;
}
.Stofdarr .yystos em {
color: #f66;
}
.Stofdarr .champion {
margin-top: 2px;
}
.S_clpages {
overflow: hidden;
margin-top: 30px;
background: url(../img/line.jpg) repeat-x center center;
position: relative;
}
.S_clpages div {
float: left;
background: #fff;
}
.S_clpages .S_cpae1 {
font-size: 17px;
font-weight: bold;
padding-right: 26px;
}
.S_clpages .S_cpae1 em {
float: left;
width: 25px;
height: 25px;
background: url(../img/nmap.png) no-repeat -152px -130px;
margin-right: 10px;
}
.S_clpages .S_cpae2 {
padding-right: 15px;
}
.S_clpages .S_cpae2 a {
color: #666;
}
.S_clpages .S_cpae2 .Sreds {
color: #f66;
}
.S_clpages .S_cpae3 {
padding-left: 15px;
float: right;
font-size: 12px;
color: #999;
height: 18px;
}
.S_clpages .S_cpae3 span {
padding: 0 10px;
border: 1px solid #eee;
float: left;
line-height: 16px;
cursor: pointer;
position: relative;
top: 3px;
border-radius: 2px;
}
.S_clpages .S_cpae3 .Ssnge {
background: #f66;
color: #fff;
border: 1px solid #f66;
}
.S_clpages .Sszxd {
font-size: 17px;
font-weight: bold;
padding-right: 20px;
padding-left: 35px;
}
.S_clpages .Ssrig {
float: right;
padding-left: 25px;
}
.S_clpages .Ssrig a {
border: 1px solid #ddd;
font-size: 12px;
padding: 0 9px;
color: #999;
border-radius: 3px;
}
.S_clpages2 {
background: url(../img/linelen.jpg) repeat-x center center;
}
.aliesn {
display: block;
height: 1px;
position: relative;
top: -60px;
}
.S_redfxs {
height: 40px;
background: #f8f8f8;
border-radius: 3px;
margin-top: 20px;
}
.S_redfxs .S_redbs {
width: 25px;
height: 25px;
background: url(../img/nmap.png) no-repeat -150px -174px;
float: left;
margin: 0 13px;
position: relative;
top: 8px;
}
.S_redfxs .S_redwzs {
float: left;
line-height: 40px;
color: #666;
font-size: 13px;
}
.S_redfxs .S_redwzs em {
float: left;
padding: 0 2px;
}
.S_redfxs .S_redwzs span {
float: left;
color: #333;
}
.S_redfxs .S_redwzs .S_retext {
padding: 0 10px;
font-weight: bold;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_redfxs .S_redcli {
float: right;
line-height: 40px;
padding-right: 20px;
position: relative;
font-size: 13px;
}
.S_redfxs .S_redcli a {
color: #f66;
text-decoration: underline;
padding: 0 4px;
}
.S_redfxs .S_redcli div {
width: 105px;
height: 105px;
position: absolute;
top: -75px;
display: none;
border-radius: 3px;
overflow: hidden;
box-shadow: 0 0 3px #999;
}
.S_redfxs .S_redcli div img {
display: block;
width: 105px;
height: 105px;
}
.S_redfxs .S_redcli:hover div {
display: block;
}
.S_actlist {
padding-top: 20px;
overflow: hidden;
padding-bottom: 10px;
}
.S_actlistss {
height: 160px;
}
.S_ssfw {
height: 150px;
}
.S_ssfw .S_actnetsaa {
width: 675px;
}
.S_ssfw .S_actnetsaa p {
padding-bottom: 5px;
}
.S_actpic {
float: left;
width: 280px;
border-radius: 3px;
position: relative;
margin-right: 20px;
}
.S_actpic img {
display: block;
width: 280px;
height: 175px;
border-radius: 3px;
border: 1px solid #ddd;
}
.S_actpic span {
position: absolute;
line-height: 20px;
background: #f66;
color: #fff;
font-size: 12px;
border-radius: 0 3px 3px 0;
top: 20px;
left: 0;
padding: 0 20px;
}
.S_actpicsaa {
width: 238px;
}
.S_actpicsaa img {
width: 238px;
height: 148px;
}
.S_fwsaa {
width: 150px;
}
.S_fwsaa img {
width: 148px;
height: 148px;
}
.S_actnets {
float: left;
width: 549px;
}
.S_actnets h1 {
font-size: 24px;
font-weight: bold;
line-height: 34px;
}
.S_actnets p {
height: 20px;
line-height: 20px;
padding-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #666;
}
.S_actnets p em {
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
background: url(../img/nmap.png) no-repeat;
}
.S_actnets p .Stime {
background-position: -66px -222px;
}
.S_actnets p .Sacpd {
background-position: -68px -254px;
}
.S_actnets p span {
display: inline-block;
font-size: 0;
width: 60px;
height: 22px;
position: relative;
top: -8px;
left: 10px;
}
.S_actnets p .Snow {
background: url(../img/nmap.png) no-repeat -376px -272px;
}
.S_actnets p .Sonete {
background: url(../img/nmap.png) no-repeat -376px -315px;
}
.S_actnets p .Sovers {
background: url(../img/nmap.png) no-repeat -376px -359px;
}
.S_actnets p:nth-child(1) {
padding-top: 20px;
}
.S_actnets h2 {
height: 33px;
line-height: 33px;
font-size: 13px;
border-top: 1px dashed #f66;
border-bottom: 1px dashed #f66;
margin-top: 10px;
}
.S_actnets h2 em {
color: #999;
float: left;
}
.S_actnets h2 span {
float: left;
font-weight: bold;
padding-left: 15px;
overflow: hidden;
width: 450px;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
}
.S_actnets .S_abnts {
overflow: hidden;
margin-top: 10px;
}
.S_actnets .S_abnts img {
float: left;
width: 28px;
height: 28px;
border: 1px solid #eee;
}
.S_actnets .S_abnts span {
float: left;
line-height: 28px;
padding: 0 25px 0 10px;
font-weight: bold;
color: #666;
overflow: hidden;
max-width: 300px;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_actnets .S_abnts em {
font-size: 12px;
color: #999;
}
.S_actnetsaa {
position: relative;
width: 590px;
}
.S_actnetsaa h1 {
height: 40px;
line-height: 40px;
}
.S_actnetsaa h1 span {
display: inline-block;
width: 20px;
height: 20px;
background: url(../img/nmap.png) no-repeat -156px -271px;
}
.S_actnetsaa h1:hover {
color: #f66;
}
.S_actnetsaa .S_actsst {
display: block;
width: 90px;
height: 30px;
line-height: 30px;
background: #f66;
color: #fff;
position: absolute;
top: 80px;
right: 0;
text-align: center;
border-radius: 3px;
display: none;
}
.S_actnetsaa .oversaa {
background: #eee;
color: #999;
}
.S_actnetsaa .S_actsyy {
top: 80px;
}
.S_actnetsaa .S_acsadd span {
background: url(../img/nmap.png) no-repeat -194px -318px;
}
.S_actnetsaa .S_acsping em {
background: url(../img/nmap.png) no-repeat -33px -53px;
}
.S_actnetsaa .S_acseigs em {
background: url(../img/nmap.png) no-repeat -33px -86px;
}
.S_actnetsaa .S_acseigs span {
height: 15px;
top: 0;
background: url(../img/nmap.png) no-repeat -33px -151px;
}
.S_actnetsaa h5 {
line-height: 25px;
padding: 7px 0;
}
.S_actnetsaa h5 span {
color: #666;
float: left;
}
.S_actnetsaa h5 .Sanv {
float: left;
width: 20px;
height: 20px;
margin-right: 10px;
background: url(../img/nmap.png) no-repeat -190px -356px;
position: relative;
top: 3px;
}
.S_actnetsaa h5 .Sjd {
background: url(../img/nmap.png) no-repeat -242px -356px;
}
.S_actnetsaa h5 .Sanlun {
margin-left: 15px;
line-height: 20px;
padding: 0 4px;
background: #FF9801;
border-radius: 3px;
text-align: center;
color: #fff;
font-size: 12px;
position: relative;
top: 3px;
}
.S_actnetsaa h5 em {
color: #999;
margin-left: 20px;
}
.S_actnetsaa:hover .S_actsst {
display: block;
}
.S_cenright {
width: 320px;
float: right;
}
.S_ljbox {
border-radius: 4px;
background: #f8f8f8;
padding: 24px 0;
}
.S_ljbox2 {
padding-bottom: 10px;
}
.S_otherto {
border-left: 6px solid #f66;
height: 16px;
line-height: 16px;
font-size: 16px;
overflow: hidden;
padding: 0 20px 0 24px;
}
.S_otherto span {
float: right;
font-size: 12px;
color: #f66;
}
.S_otherto span em {
color: #666;
}
.S_otherto span a {
text-decoration: underline;
}
.Iznolis {
text-align: center;
line-height: 100px;
background: url(../img/cback.jpg) repeat;
}
.S_otheopsn {
overflow: hidden;
padding: 20px 0 0px 30px;
height: 30px;
}
.S_otheopsn img {
float: left;
width: 30px;
height: 30px;
margin-right: 8px;
}
.S_othtsnt {
padding: 20px 30px 0;
}
.Sothtime {
overflow: hidden;
line-height: 32px;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid #eee;
}
.Sothtime input {
width: 100%;
border: none;
background: #f8f8f8;
}
.Sothrad {
overflow: hidden;
line-height: 35px;
border-bottom: 1px solid #eee;
}
.Sothrad label {
margin: 0 45px 0 10px;
}
.Sothrad .Sradlast {
margin-right: 0;
}
.Sothdns {
border-bottom: 1px solid #eee;
line-height: 32px;
}
.Sothdns span {
color: #999;
display: inline-block;
width: 85px;
}
.Sothdns .Sdsls {
border-right: 1px solid #eee;
}
.Sothdns input {
border: none;
background: #f8f8f8;
}
.Sothdns .layicosn {
padding-left: 20px;
background: #98f;
width: 145px;
background: url(../img/picrl.png) no-repeat left;
background-size: 15%;
}
.Sothmoys {
clear: both;
overflow: hidden;
padding: 18px 30px 0;
}
.Sothmoys .Sotmle {
float: left;
color: #999;
line-height: 40px;
font-size: 12px;
}
.Sothmoys .Sotmle span {
font-size: 28px;
font-weight: bold;
color: #f66;
}
.Sothmoys .Sotmrig {
float: right;
line-height: 35px;
padding: 0 10px;
background: #f66;
border-radius: 4px;
color: #fff;
cursor: pointer;
}
.S_arigvt {
height: 20px;
padding: 10px 0;
border-bottom: 3px solid #f66;
position: relative;
}
.S_arigvt span {
float: left;
font-weight: bold;
font-size: 16px;
letter-spacing: 2px;
}
.S_arigvt .mogd {
display: block;
position: absolute;
right: 10px;
background: #eee;
border-radius: 3px;
font-size: 12px;
line-height: 18px;
height: 18px;
padding: 0 8px;
top: 15px;
color: #666;
}
.S_arigpags {
height: 20px;
line-height: 20px;
background: url(../img/lineda.png) repeat-x center center;
padding: 10px 0;
overflow: hidden;
}
.S_arigpags div {
float: right;
padding-left: 10px;
background: #fff;
}
.S_arigpags div em {
float: left;
color: #DADADA;
font-size: 12px;
}
.S_arigpags div .Spige1 {
display: inline-block;
font-size: 13px;
color: #999;
position: relative;
top: -1px;
}
.S_arigpags div .Spige2 {
display: inline-block;
transform: scale(0.8);
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
}
.S_arigpags div a {
float: left;
height: 18px;
width: 28px;
border: 1px solid #eee;
text-align: center;
margin-left: 6px;
color: #999;
font-size: 16px;
line-height: 16px;
border-radius: 2px;
}
.S_arigpags div a:hover {
background: #eee;
}
.S_auserdy {
overflow: hidden;
}
.S_mycost {
padding: 17px 0 10px 0;
cursor: pointer;
}
.S_saazcs li {
padding-top: 15px;
}
.S_saazcs li h1 {
font-weight: bold;
line-height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.S_saazcs li h2 {
font-size: 12px;
color: #999;
line-height: 24px;
}
.S_saazcs li:hover h1 {
color: #f66;
}
.S_tujtop {
overflow: hidden;
padding: 20px 0 10px;
}
.S_tujtop img {
width: 67px;
height: 67px;
border: 1px solid #eee;
float: left;
margin-right: 14px;
}
.S_tujtop a:nth-child(4n) img {
margin: 0;
}
.S_usoys {
float: left;
margin-top: 20px;
margin-right: 39px;
width: 50px;
}
.S_usoys dt {
width: 50px;
height: 50px;
}
.S_usoys dt img {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
/* Firefox 4 */
-webkit-transition: all 0.5s ease-in-out;
/* Safari 鍜 Chrome */
-o-transition: all 0.5s ease-in-out;
/* Opera */
}
.S_usoys dd {
font-size: 12px;
font-weight: bold;
color: #666;
text-align: center;
line-height: 20px;
padding: 10px 0 5px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_usoys:nth-child(4n) {
margin-right: 0;
}
.S_usoys:hover:nth-child(4n-1) dt img {
animation: ver 0.9s;
}
.S_usoys:hover:nth-child(4n-2) dt img {
animation: ver 0.9s;
}
.S_usoys:hover:nth-child(4n-3) dt img {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
.S_usoys:hover:nth-child(4n) dt img {
transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
@-moz-keyframes ver {
0 {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
40% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
70% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
80% {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
100% {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
}
@-o-keyframes ver {
0 {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
40% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
70% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
80% {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
100% {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes ver {
0 {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
40% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
70% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
80% {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
100% {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
}
@keyframes ver {
0 {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
40% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
70% {
transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
}
80% {
transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
}
100% {
transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
}
.S_arrctn {
float: right;
font-size: 12px;
color: #666;
}
.S_arrctn .S_acyes {
font-size: 14px;
color: #f66;
font-weight: bold;
}
.S_arrctn2 {
color: #999;
}
.S_ysdl {
padding: 15px 0;
}
.S_ysdl dt {
width: 48px;
height: 48px;
margin-right: 10px;
border: 1px solid #eee;
float: left;
}
.S_ysdl dt img {
display: block;
width: 48px;
height: 48px;
}
.S_ysdl dd {
position: relative;
}
.S_ysdl dd h1 {
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_ysdl dd h3 {
height: 25px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_ysdl .Sulben {
position: absolute;
border: 1px solid #f66;
color: #f66;
padding: 0 10px 10px 30px;
width: 220px;
left: 30px;
bottom: 30px;
background: #fff;
border-radius: 4px;
font-size: 12px;
display: none;
}
.S_ysdl .Sulben li {
list-style: disc;
line-height: 16px;
padding-top: 15px;
}
.S_ysdl .Sulben p {
text-align: right;
}
.S_ysdl .Sulben p a {
text-decoration: underline;
}
.S_ysdl .Sulben span {
position: absolute;
display: block;
width: 15px;
height: 15px;
background: #fff;
bottom: -8px;
border-bottom: 1px solid #f66;
border-right: 1px solid #f66;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.S_ysdl:hover .Sulben {
display: block;
}
.S_ysdl:nth-child(1) .Sulben {
bottom: 0px;
}
.S_ysdl:nth-child(1) .Sulben span {
display: none;
}
.S_ysdlut {
overflow: hidden;
}
.S_ysdlys {
position: relative;
}
.S_ysdlys dd h1 {
max-width: 180px;
}
.S_ysdlys .Sdysn {
border: 1px solid #f99;
color: #f66;
position: absolute;
right: 0;
top: 0;
font-size: 12px;
padding: 0 10px;
border-radius: 3px;
line-height: 18px;
cursor: pointer;
display: none;
}
.S_ysdlys:hover .Sdysn {
display: block;
}
.S_paylist {
width: 100%;
height: 50px;
padding: 15px 0;
}
.S_paylist .Spyn {
float: left;
font-size: 12px;
line-height: 50px;
width: 22px;
overflow: hidden;
text-align: center;
color: #999;
}
.S_paylist dt {
float: left;
width: 48px;
height: 48px;
border: 1px solid #eee;
margin-right: 10px;
}
.S_paylist dt img {
display: block;
width: 48px;
height: 48px;
}
.S_paylist dd {
width: 220px;
float: left;
}
.S_paylist dd h1 {
font-weight: bold;
padding: 4px 0;
width: 100%;
float: left;
}
.S_paylist dd span {
line-height: 20px;
padding-left: 6px;
float: left;
min-width: 80px;
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.S_paylist .Sdmt {
font-size: 12px;
color: #999;
}
.S_paylist .Snstm {
width: 20px;
height: 20px;
background: #98f;
float: left;
position: relative;
cursor: pointer;
}
.S_paylist .Sdwv {
position: absolute;
width: 210px;
background: #fff;
line-height: 18px;
font-size: 12px;
bottom: 25px;
border: 1px solid #f66;
border-radius: 3px;
left: -35px;
padding: 8px 10px;
color: #f66;
display: none;
}
.S_paylist .Sdwv h3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.S_paylist .Sbonjs {
width: 10px;
height: 10px;
background: #fff;
position: absolute;
bottom: -6px;
left: 40px;
font-size: 24px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
border-bottom: 1px solid #f66;
border-right: 1px solid #f66;
display: none;
}
.S_paylist .Snstmyh {
background: url(../img/nmap.png) no-repeat -154px -274px;
margin-left: 4px;
}
.S_paylist .Snstmyh:hover .Sdwv {
left: auto;
right: -50px;
bottom: 28px;
display: block;
}
.S_paylist .Snstmyh:hover .Sbonjs {
display: block;
bottom: 22px;
left: 4px;
z-index: 1;
}
.S_paylist .Snstmad {
background: url(../img/nmap.png) no-repeat -32px 2px;
}
.S_paylist .Snstmad:hover .Sdwv {
display: block;
}
.S_paylist .Snstmad:hover .Sbonjs {
display: block;
}
.S_paylistfj dd {
width: 240px;
}
.S_paylistfj dd span {
min-width: 66px;
}
.S_paylistfj .Snstmyh:hover .Sdwv {
left: auto;
right: -80px;
bottom: 28px;
display: block;
}
.S_paylistfj .Snstmyh:hover .Sbonjs {
display: block;
bottom: 22px;
left: 4px;
z-index: 1;
}
.S_paylistfj:hover .Seemap {
display: block;
}
.Seemap {
float: right;
line-height: 16px;
position: relative;
right: -15px;
border: 1px solid #eee;
color: #f66;
font-size: 12px;
padding: 0 4px;
border-radius: 3px;
display: none;
}
.Spmrig {
width: 15px;
height: 15px;
background: url(../img/nmap.png) no-repeat -245px -238px;
float: left;
position: relative;
top: 15px;
font-size: 0;
}
.Spmrigbn {
background-position: -245px -169px;
}
.Spmrigtop {
background-position: -245px -205px;
}
.Stadyle {
float: left;
width: 43px;
border-right: 1px solid #eee;
padding-top: 15px;
position: relative;
}
.Stadyle p {
line-height: 50px;
position: relative;
font-size: 12px;
text-align: right;
padding-right: 8px;
}
.Stadyle p em {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
background: #ccc;
position: absolute;
right: -3px;
top: 23px;
}
.Stadyle p span {
font-size: 16px;
}
.Stadyle s {
display: block;
position: absolute;
width: 5px;
height: 25px;
right: -3px;
background: #fff;
top: 0;
}
.Stadyrig {
float: left;
width: 275px;
padding-top: 15px;
color: #666;
}
.Stadyrig div {
height: 50px;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Stadyrig div img {
float: left;
width: 30px;
height: 30px;
border-radius: 50%;
position: relative;
top: 10px;
margin-left: 20px;
margin-right: 10px;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
/* Firefox 4 */
-webkit-transition: all 0.5s ease-in-out;
/* Safari 鍜 Chrome */
-o-transition: all 0.5s ease-in-out;
/* Opera */
}
.Stadyrig div img:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.Syestady {
clear: both;
padding-left: 30px;
}
.Syestady a {
color: #666;
}
.S_pltitle {
padding: 28px 0 15px 0;
overflow: hidden;
line-height: 25px;
font-size: 17px;
font-weight: bold;
clear: both;
}
.S_pltitle span {
width: 25px;
height: 25px;
background: url(../img/nmap.png) no-repeat -105px -262px;
float: left;
margin-right: 10px;
}
.S_startbox {
overflow: hidden;
padding: 30px 20px;
border-radius: 3px;
background: #f8f8f8;
}
.Ssraron1 {
float: left;
width: 390px;
}
.Ssraron1 ul li {
float: left;
padding: 0 10px;
line-height: 22px;
border: 1px solid #f66;
border-radius: 3px;
margin: 5px 0 5px 15px;
font-size: 12px;
background: #fff;
color: #f66;
}
.Ssraron2 {
float: left;
width: 210px;
border-left: 1px dashed #eee;
border-right: 1px dashed #eee;
}
.Ssraron2 span {
float: left;
padding: 0 15px 0 10px;
}
.Ssraron2 .SSnum {
padding-top: 8px;
}
.Splis {
overflow: hidden;
}
.Starbosx {
overflow: hidden;
}
.SStar {
width: 120px;
height: 25px;
float: left;
padding-right: 10px;
vertical-align: middle;
}
.SStar img {
vertical-align: middle;
}
.SSnum {
width: 20px;
float: left;
color: #FE9A00;
font-weight: bold;
line-height: 14px;
}
.Ssraron3 {
float: left;
padding-left: 10px;
}
.Sfnum {
float: left;
padding: 15px 0 0 20px;
}
.Sfnum .Sfone {
float: left;
color: #FE9A00;
font-size: 38px;
line-height: 30px;
font-weight: bold;
}
.Sfnum .Sftwo {
float: left;
width: 90px;
padding-left: 10px;
}
.Sfnum .Sftwo h1 {
line-height: 12px;
}
.Ssrtle {
width: 15px;
font-size: 12px;
line-height: 18px;
color: #999;
float: left;
}
.S_saysome {
overflow: hidden;
padding-top: 20px;
}
.Ssaybig .S_saysome:last-child .Susersy {
border-bottom: none;
}
.S_saywho {
width: 50px;
float: left;
}
.S_saywho dt {
width: 50px;
height: 50px;
border-radius: 50%;
overflow: hidden;
}
.S_saywho dt img {
display: block;
width: 50px;
height: 50px;
}
.S_saywho dd {
height: 28px;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
.S_sayxies {
float: right;
width: 765px;
height: 178px;
border: 1px solid #eee;
border-radius: 3px;
}
.S_sayxies2 {
height: 100px;
padding: 10px 0;
}
.Sselts {
overflow: hidden;
padding: 10px 0;
}
.Sselts li {
float: left;
line-height: 22px;
padding: 0 12px;
background: #f8f8f8;
border-radius: 3px;
margin-left: 10px;
font-size: 12px;
cursor: pointer;
}
.Sselts li:hover {
color: #fff;
background: #f66;
}
.Sselts li:hover em {
color: #fff;
}
.Sselts li em {
color: #f66;
padding-left: 5px;
}
.Sselts .Seltyes {
color: #fff;
background: #f66;
}
.Sselts .Seltyes em {
color: #fff;
}
.Sselts2 li {
background: #f66;
color: #fff;
}
.Sussayn {
padding: 5px 20px;
border: none;
resize: none;
width: 720px;
height: 90px;
line-height: 20px;
}
.Sstarts {
padding: 8px 0;
color: #999;
overflow: hidden;
}
.Sstarts .Srant {
float: left;
width: 170px;
border-left: 1px solid #eee;
font-size: 12px;
line-height: 12px;
padding-left: 20px;
}
.Sstarts .Srant span {
float: left;
padding-right: 10px;
line-height: 14px;
}
.Sstarts .Srant:nth-child(1) {
border: none;
}
.Sstarts .Srantsr {
padding-left: 0;
}
.Sstarts .Sstalast {
float: right;
text-align: right;
width: auto;
border: none;
line-height: 12px;
}
.Sstarts .Sstalast span {
display: block;
width: 20px;
height: 20px;
background: #0f0;
float: left;
background: url(../img/atc2.png) no-repeat -147px 0;
}
.Sstarts .Sstalast:hover {
color: #f66;
}
.Sstarts .Sstalast:hover span {
background-position: -199px 0;
}
.Sstarts .Sstalast2 {
line-height: 18px;
cursor: pointer;
}
.Sstarts .Sstalyes {
color: #f66;
}
.Sstarts .Sstalyes span {
background-position: -199px 0;
}
.Sstarts .SStar {
height: 14px;
}
.Sstarts .sone {
padding-right: 1px;
}
.S_saywpy {
clear: both;
padding: 20px 0 10px 85px;
overflow: hidden;
}
.battens {
width: 80px;
line-height: 30px;
text-align: center;
border-radius: 3px;
background: #f66;
color: #fff;
float: left;
cursor: pointer;
}
.Sfxwn {
float: right;
}
.Susersy {
width: 765px;
float: right;
border-bottom: 1px solid #eee;
padding-bottom: 5px;
margin-bottom: 5px;
}
.Susersy h1 {
padding-bottom: 10px;
line-height: 14px;
}
.Susersy h1 em {
float: right;
font-size: 12px;
color: #999;
}
.Susersy h1 span {
font-weight: bold;
padding-right: 10px;
}
.Susersy p {
padding-bottom: 10px;
}
.Shfover {
padding: 15px 20px;
background: #f8f8f8;
color: #f66;
border-radius: 4px;
margin-bottom: 10px;
}
.Shfover span {
font-weight: bold;
padding-right: 10px;
}
.A_tmoreu2 {
width: 765px;
float: right;
}
.Combanner {
width: 850px;
height: 300px;
}
.Comrlis {
height: 300px;
background: #f2f2f2;
margin-bottom: 10px;
}
.Comhtm {
height: 99px;
line-height: 99px;
color: #f93;
border-bottom: 1px dashed #ccc;
position: relative;
cursor: pointer;
}
.Comhtm h1 {
font-size: 18px;
padding-left: 34px;
letter-spacing: 1px;
}
.Comhtm strong {
margin-right: 15px;
}
.Comhtm div {
position: absolute;
right: 20px;
top: 10px;
width: 70px;
height: 70px;
background: url(../img/nmap.png) no-repeat -367px 0;
}
.Comhtm2 {
color: #4971af;
}
.Comhtm2 div {
background-position: -367px -78px;
}
.Comhtm3 {
color: #dc4b2b;
border: none;
}
.Comhtm3 div {
background-position: -367px -179px;
}
.Invdsl {
float: left;
width: 240px;
border-right: 1px dashed #eee;
}
.Invdsl dt {
width: 70px;
height: 50px;
margin: 10px auto;
background: url(../img/nmap.png) no-repeat -445px -8px;
}
.Invdsl dd h3 {
text-align: center;
line-height: 22px;
color: #999;
}
.Invdsl dd h3 span {
color: #666;
padding: 0 3px;
font-weight: bold;
}
.Invdsl2 {
width: 255px;
}
.Invdsl2 dt {
background-position: -445px -80px;
}
.Invdsl3 {
width: 255px;
}
.Invdsl3 dt {
background-position: -445px -153px;
}
.Invdsl4 {
border: none;
}
.Invdsl4 dt {
background-position: -450px -217px;
}
.Intolist {
padding: 0px 30px;
margin: 20px 0;
max-height: 285px;
overflow: auto;
}
.Intolist::-webkit-scrollbar {
width: 5px;
}
.Intolist::-webkit-scrollbar-thumb {
background-color: #eee;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.Intolist li {
border-left: 2px solid #EAEAEA;
position: relative;
line-height: 40px;
font-size: 12px;
padding-left: 17px;
color: #666;
margin-left: 53px;
line-height: 20px;
padding: 10px 0 10px 17px;
}
.Intolist li i {
display: block;
width: 6px;
height: 6px;
border-radius: 50%;
background: #ccc;
position: absolute;
top: 18px;
left: -4px;
}
.Intolist li span {
font-weight: bold;
}
.Intolist li .Intimes {
position: absolute;
left: -60px;
top: 13px;
display: block;
width: 54px;
font-size: 10px;
line-height: 14px;
color: #999;
transform: scale(0.85);
-ms-transform: scale(0.85);
-webkit-transform: scale(0.85);
text-align: right;
}
.Intujs {
display: block;
width: 260px;
line-height: 30px;
color: #fff;
background: #f66;
border-radius: 3px;
margin: 0 auto;
text-align: center;
}
.vplodbox {
position: fixed;
background: #000;
width: 100%;
height: 100%;
z-index: 1001;
top: 0;
opacity: .3;
display: none;
}
.uploadbox {
width: 540px;
background: #fff;
border-radius: 4px;
left: 50%;
margin-left: -270px;
top: 20%;
position: fixed;
z-index: 1002;
padding-bottom: 30px;
display: none;
}
.uploadbox h1 {
margin: 33px 0;
border-left: 6px solid #f66;
font-size: 18px;
font-weight: bold;
line-height: 18px;
text-align: center;
}
.uploadbox .Nztbox {
margin: 33px 0 15px 0;
}
.uploadbox .jianjies {
line-height: 24px;
color: #666;
padding: 0 30px 15px 30px;
max-height: 275px;
overflow: auto;
}
.uploadbox .jianjies::-webkit-scrollbar {
width: 5px;
}
.uploadbox .jianjies::-webkit-scrollbar-thumb {
background-color: #ddd;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.uploadbse {
width: 600px;
margin-left: -300px;
}
.Nvpsbox {
padding: 0 30px;
overflow: hidden;
}
.Nvpsbox .vpben {
float: left;
width: 13px;
height: 68px;
border: 1px solid #eee;
border-radius: 3px;
line-height: 68px;
text-align: center;
cursor: pointer;
}
.Nvpsbox .vpben:hover {
background: #eee;
}
.Nvpsbox .vpbrig {
margin-left: 13px;
}
.Nvpsbox .vpboxcc {
overflow: hidden;
float: left;
position: relative;
width: 495px;
height: 70px;
}
.Nvpsbox .vpboxcc div {
position: absolute;
left: 0;
top: 0;
}
.Nvpsbox .vpboxcc a {
float: left;
margin-left: 12px;
}
.Nvpsbox .vpboxcc img {
display: block;
float: left;
border: 1px solid #eee;
width: 68px;
height: 68px;
}
.Nvpsbox .vphasmo {
padding: 30px 0 10px 0;
position: relative;
font-size: 16px;
}
.Nvpsbox .vphasmo div {
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px dashed #ddd;
top: 43px;
left: 0;
}
.Nvpsbox .vphasmo span {
background: #fff;
padding-right: 20px;
position: relative;
z-index: 1;
}
.Nvpsdl {
width: 250px;
padding: 10px 0 10px 30px;
float: left;
}
.Nrzbos {
overflow: hidden;
}
.S_vppage {
background: #fff;
}
.S_vppage div {
padding-right: 250px;
}
.S_vppage div em {
padding-left: 5px;
}
.upsucess {
background: #fff;
border-radius: 4px;
left: 50%;
margin-left: -250px;
top: 20%;
position: fixed;
z-index: 1002;
width: 400px;
padding: 20px 50px 35px;
display: none;
}
.upsucess h1 {
height: 70px;
line-height: 70px;
border-bottom: 1px dashed #eee;
font-size: 24px;
text-align: center;
}
.upsucess p {
line-height: 30px;
color: #666;
text-align: center;
padding: 20px 0;
}
.upsucess2 p {
line-height: 20px;
}
.upsucess2 .upyudele {
padding-top: 0px;
}
.upsucess2 .upyudele em {
font-weight: bold;
}
.Overx {
position: absolute;
font-size: 28px;
right: 20px;
top: 10px;
}
.upulbox {
padding: 0 30px;
}
.upulbox li {
padding-left: 80px;
position: relative;
padding-bottom: 19px;
height: 38px;
}
.upulbox li span {
position: absolute;
left: 0;
line-height: 40px;
}
.upulbox li input {
border: 1px solid #eee;
height: 38px;
width: 380px;
border-radius: 3px;
padding: 0 10px;
}
.upulbox .upone p {
width: 280px;
border: 1px solid #eee;
line-height: 38px;
color: #ccc;
padding: 0 10px;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.upulbox .upone input {
width: 1px;
float: left;
height: 1px;
}
.upulbox .upone label {
float: left;
width: 98px;
line-height: 40px;
text-align: center;
background: #ccc;
color: #999;
position: relative;
top: -3px;
cursor: pointer;
}
.upulbox .upxytex {
height: 25px;
}
.upulbox .upxytex input {
width: 15px;
height: 15px;
margin-right: 10px;
}
.upulbox .upxytex label {
font-size: 12px;
position: relative;
top: -3px;
}
.upulbox .uponeto {
padding-left: 0;
}
.upulbox .uponeto p {
width: 360px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.upqjoin {
margin: 0 30px;
border: 1px solid #eee;
}
.upqjoin p {
line-height: 39px;
padding: 0 15px;
border-bottom: 1px solid #eee;
}
.upqjoin textarea {
width: 455px;
height: 100px;
padding: 10px;
line-height: 18px;
resize: none;
border: none;
}
.upqjoin2 {
margin-bottom: 25px;
}
.bonsbn {
display: block;
margin: 0 auto;
width: 80px;
height: 30px;
line-height: 30px;
border-radius: 3px;
background: #f66;
color: #fff;
text-align: center;
border: none;
}
.bonsbns2 {
float: right;
}
.S_ggw {
width: 100%;
height: 120px;
border-radius: 3px;
background: #98f;
margin: 20px 0;
clear: both;
}
.Inmapof {
width: 210px;
padding: 14px;
border: 1px solid #f66;
border-radius: 3px;
position: relative;
background: #fff;
}
.Inmacoty {
position: relative;
padding-left: 60px;
}
.Inmacoty dt {
width: 48px;
height: 48px;
border: 1px solid #ddd;
position: absolute;
left: 0;
top: 0;
}
.Inmacoty dt img {
display: block;
width: 48px;
height: 48px;
}
.Inmacoty dd h1 {
font-weight: bold;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Inmacoty dd h3 {
line-height: 22px;
color: #999;
font-size: 12px;
}
.Insan {
width: 10px;
height: 10px;
background: #fff;
position: absolute;
bottom: -6px;
left: 120px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-right: 1px solid #f66;
border-bottom: 1px solid #f66;
}
.jCProgress {
position: absolute;
z-index: ;
/* margin-top:-15px; /* offset from the center */
}
.jCProgress > div.percent {
position: absolute;
margin-top: 28px;
margin-left: 10px;
text-align: center;
width: 60px;
font-weight: bold;
}
.Spinbox {
position: relative;
height: 260px;
}
.Spinbox div {
position: absolute;
background: #fff;
}
.Spinbox div:hover {
z-index: 1;
}
.Spinbox img {
display: block;
width: 100%;
height: 100%;
border: 1px solid #ddd;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
/* Firefox 4 */
-webkit-transition: all 0.5s ease-in-out;
/* Safari 鍜 Chrome */
-o-transition: all 0.5s ease-in-out;
/* Opera */
}
.Spinbox img:hover {
z-index: 1;
transform: scale(2);
-webkit-transform: scale(2);
-ms-transform: scale(2);
}
.Spin1 {
width: 73px;
height: 73px;
left: 113px;
top: 40px;
}
.Spin2 {
width: 48px;
height: 48px;
left: 44px;
top: 20px;
}
.Spin3 {
width: 65px;
height: 65px;
left: 15px;
top: 80px;
}
.Spin4 {
width: 68px;
height: 68px;
left: 220px;
top: 4px;
}
.Spin5 {
width: 65px;
height: 65px;
left: 200px;
top: 100px;
}
.Spin6 {
width: 48px;
height: 48px;
left: 237px;
top: 197px;
}
.Spin7 {
width: 73px;
height: 73px;
left: 43px;
top: 166px;
}
.Spin8 {
width: 38px;
height: 38px;
left: 150px;
top: 200px;
}
.Spin9 {
width: 73px;
height: 73px;
left: 120px;
top: 123px;
}
.Spin10 {
width: 65px;
height: 65px;
left: 147px;
top: 74px;
}
.Spin11 {
width: 48px;
height: 48px;
left: 57px;
top: 137px;
}
.Spin12 {
width: 73px;
height: 73px;
left: 200px;
top: 30px;
}
.Spin13 {
width: 56px;
height: 56px;
left: 195px;
top: 170px;
}
.Spin14 {
width: 48px;
height: 48px;
left: 245px;
top: 96px;
}
.Spin15 {
width: 73px;
height: 73px;
left: 60px;
top: 85px;
}
.Icemap {
width: 30px;
height: 50px;
background: url(../img/cemap.png) no-repeat center;
text-align: center;
color: #fff;
line-height: 35px;
}
.Ichmap {
width: 30px;
height: 50px;
background: url(../img/chemap.png) no-repeat;
text-align: center;
color: #fff;
font-size: 16px;
padding-top: 2px;
}
.mki {
width: 100%;
position: fixed;
left: 0;
top: 60px;
z-index: 10;
}
.Sovernos {
height: 200px;
line-height: 200px;
text-align: center;
background: url(../img/cback.jpg);
margin-top: 40px;
}
.userdtex {
padding: 12px 0;
border-bottom: 1px dashed #eee;
position: relative;
}
.userdtex h1 {
line-height: 30px;
font-size: 18px;
}
.userdtex h1 span {
padding-right: 10px;
font-weight: bold;
}
.userdtex h3 {
line-height: 26px;
font-size: 12px;
}
.userdtex .userprds {
margin: 5px 0;
padding-right: 40px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.userdtex .rigtexn {
position: absolute;
width: 20px;
height: 20px;
right: 10px;
top: 30px;
background: url(../img/topbon.png) no-repeat 0px -56px;
cursor: pointer;
}
.userdtex .rigtexn:hover {
background-position: 0 0;
}
.userdtex .rigxn2 {
background-position: 0px 0;
}
.userdtex .usergets {
display: none;
padding: 15px 0;
overflow: hidden;
}
.userdtex .usergets p {
line-height: 25px;
}
.userdtex .usergets h5 {
padding-top: 10px;
}
.userdtex .usergets h5 em {
font-size: 12px;
}
.userdtex .usergets h5 span {
font-weight: bold;
padding: 0 20px;
}
.userdtex .usergets a {
color: #c33;
padding: 5px 10px 0 0;
float: right;
}
.userdtex .backfuser {
display: none;
}
.userdtex .backfuser textarea {
width: 760px;
padding: 10px;
line-height: 20px;
height: 45px;
resize: none;
margin-bottom: 10px;
border: 1px solid #ddd;
}
.userdtex2 {
color: #999;
}
.botton {
border: none;
width: 90px;
line-height: 36px;
background: #c33;
color: #fff;
text-align: center;
border-radius: 3px;
cursor: pointer;
}
.Sbranchbos {
height: 280px;
overflow: auto;
margin-top: 20px;
}
.Smaprog {
width: 100%;
min-width: 1200px;
height: 220px;
background: url(../img/smbigb.jpg) no-repeat;
}
.Smaprogpic {
width: 1200px;
margin: 0 auto;
height: 220px;
background: url(../img/smpam.png) no-repeat;
color: #fff;
letter-spacing: 2px;
}
.Smaprogpic h1 {
font-size: 34px;
padding-top: 80px;
line-height: 40px;
}
.Smaprogpic h3 {
font-size: 18px;
padding-top: 10px;
}
.Smaprogpic h3 span {
font-weight: bold;
padding: 0 10px;
}
.Sbigbos {
width: 1200px;
position: relative;
}
.Smalist {
padding: 20px 0 5px 13px;
overflow: hidden;
}
.Smalist .Smaleft {
float: left;
width: 1000px;
}
.Smalist a {
float: left;
line-height: 30px;
margin-right: 45px;
}
.Smalist a:hover {
color: #f66;
}
.Smalist .Supsma {
float: right;
background: #f66;
padding: 0 15px;
color: #fff;
border-radius: 3px;
margin-right: 13px;
}
.Smalist .Supsma:hover {
color: #fff;
}
.Smalist .Sred {
color: #f66;
}
.Smabosm {
width: 300px;
float: left;
position: relative;
overflow: hidden;
cursor: pointer;
}
.Smabosm:hover .Ssblcks {
display: block;
}
.Smabosm:hover .Ssmnpo em {
background: url(../img/nmap.png) no-repeat -488px -360px;
}
.Smabosm:hover .Ssmnpo .Swmbox {
display: block;
}
.Smavpo {
position: relative;
margin: 20px 12px 0;
background: #fff;
padding: 40px 40px 35px;
border-radius: 3px;
}
.Smavpo dt {
width: 80px;
height: 80px;
margin: 0 auto;
}
.Smavpo dt img {
display: block;
width: 80px;
height: 80px;
border-radius: 15px;
}
.Smavpo dd h1 {
width: 75%;
height: 20px;
line-height: 20px;
padding: 10px 15px;
margin: 0 auto;
font-size: 16px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Smavpo dd h3 {
line-height: 18px;
color: #999;
padding-bottom: 8px;
}
.Smavpo .Slabelbox {
overflow: hidden;
padding: 5px 0 0px 0;
line-height: 20px;
}
.Smavpo .Slabelbox div {
color: #f66;
width: 85px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Smavpo .Slabelone {
float: left;
text-align: right;
}
.Smavpo .Slabeltwo {
float: right;
text-align: left;
}
.Ssblcks {
width: 276px;
height: 100%;
background: #000;
opacity: .4;
position: absolute;
left: 13px;
top: 20px;
z-index: 1;
border-radius: 3px;
display: none;
}
.Ssmnpo {
width: 20px;
height: 20px;
position: absolute;
top: 40px;
right: 33px;
z-index: 1;
}
.Ssmnpo em {
display: block;
width: 20px;
height: 20px;
background: url(../img/nmap.png) no-repeat -488px -323px;
}
.Ssmnpo .Swmbox {
width: 138px;
background: #fff;
border: 1px solid #f66;
border-radius: 3px;
position: absolute;
top: 30px;
left: -120px;
display: none;
padding-bottom: 10px;
}
.Ssmnpo .Swmbox h1 {
line-height: 14px;
padding: 10px 0;
font-size: 12px;
text-align: center;
color: #f66;
}
.Ssmnpo .Swmbox img {
display: block;
width: 110px;
height: 110px;
margin: 0 auto;
}
.S_abnbs {
overflow: hidden;
padding: 20px 0;
}
.S_aleft {
float: left;
font-size: 20px;
font-weight: bold;
}
.S_aright {
float: right;
color: #666;
}
.S_aotn {
float: left;
margin-left: 30px;
}
.S_aotn div {
float: left;
}
.S_aotn .Snub {
margin-left: 10px;
}
.Ssmapt {
height: 400px;
border: 1px solid #ddd;
position: relative;
}
.Ssmapt .Schak {
position: absolute;
right: 20px;
bottom: 20px;
display: inline-block;
line-height: 30px;
padding: 0 15px;
border-radius: 3px;
background: #000;
color: #fff;
opacity: .5;
}
.Sscrio {
overflow: hidden;
padding-top: 30px;
position: relative;
}
.Sscrio .Strobon {
border: 1px solid #ddd;
border-radius: 3px;
width: 414px;
height: 355px;
float: left;
}
.Sscrio .Srigtro {
float: right;
}
.Sscrio .Sbunm {
position: absolute;
bottom: 15px;
width: 414px;
right: 0;
text-align: center;
}
.Sscrio .Sbunm span {
padding: 0 15px;
}
.Sscrio .Sbunm span em {
color: #f66;
}
.applogn {
width: 100%;
background: url(../img/appban.jpg) no-repeat;
height: 100%;
}
.appcenton {
width: 1200px;
margin: 0 auto;
}
.appcns {
padding-top: 120px;
overflow: hidden;
}
.appcns .appic1 {
float: left;
width: 380px;
}
.appcns .applnicon {
padding-bottom: 30px;
}
.appcns .applnicon dt img {
display: block;
margin: 0 auto;
}
.appcns .applnicon dd {
text-align: center;
font-size: 30px;
color: #c92829;
padding: 30px 0 15px;
}
.appcns .applnicon dd span {
letter-spacing: 10px;
padding: 0 14px;
}
.appcns .appxzclick div {
border: 1px solid #ccc;
margin-bottom: 13px;
border-radius: 3px;
padding: 10px 20px 10px 65px;
position: relative;
}
.appcns .appxzclick div h2 {
padding-left: 2px;
}
.appcns .appxzclick div h3 {
line-height: 16px;
font-size: 12px;
text-align: center;
}
.appcns .appxzclick div:after {
content: '';
display: block;
width: 50px;
height: 70px;
position: absolute;
left: 10px;
top: 0;
background: url(../img/appdownz.png) no-repeat center 15px;
}
.appcns .appxzclick .anzuok:after {
background: url(../img/appdownz.png) no-repeat center -40px;
}
.appcns .appxzewm {
width: 130px;
border: 1px solid #ccc;
padding: 5px;
}
.appcns .appxzewm img {
display: block;
width: 100%;
}
.appcns .appic2 {
float: right;
}
.appcns1 {
display: none;
}
.appconbn {
overflow: hidden;
padding-top: 100px;
}
.appconbn dl {
float: left;
width: 240px;
margin-right: 79px;
}
.appconbn dl dt {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 50%;
background: url(../img/app2.png) no-repeat;
box-shadow: 0 2px 10px #ddd;
}
.appconbn dl dd h1 {
font-size: 29px;
letter-spacing: 2px;
text-align: center;
line-height: 60px;
padding-top: 10px;
color: #666;
}
.appconbn dl dd h2 {
font-size: 18px;
text-align: center;
letter-spacing: 1px;
color: #999;
line-height: 25px;
}
.appconbn .appdl1 dt {
background-position: 0px 0px;
}
.appconbn .appdl2 dt {
background-position: -200px 0px;
}
.appconbn .appdl3 dt {
background-position: -400px 0px;
}
.appconbn .appdl4 {
margin-right: 0;
}
.appconbn .appdl4 dt {
background-position: -600px 0px;
}
.Nfone {
overflow: hidden;
width: 1200px;
margin: 0 auto;
color: #999;
border-bottom: 1px solid #DEDEDE;
/*2018-01-25*/
}
.Nfone .qlgy {
float: left;
}
.Nfone .qlgy h2 {
font-size: 16px;
padding: 5px 0 10px 0;
}
.Nfone .qlgy p {
font-size: 12px;
position: relative;
padding: 3px 0 3px 65px;
line-height: 20px;
}
.Nfone .qlgy p span {
position: absolute;
left: 0;
top: 3px;
}
.Nfone .qlgy p span s {
visibility: hidden;
}
.Nfone .qlgyone {
width: 220px;
}
.Nfone .qlgytwo {
width: 280px;
padding-left: 70px;
}
.Nfone .qlgythere {
width: 290px;
padding-left: 80px;
}
.Nfone .qlgythere h2 a {
font-size: 12px;
line-height: 20px;
margin-right: 15px;
float: left;
}
.Nfone .qlgyfore {
float: right;
}
.Nfone .qlgyfore .nvone {
font-size: 12px;
text-align: right;
padding-bottom: 10px;
}
.Nfone .qlgyfore .nvone span {
display: inline-block;
width: 13px;
height: 15px;
text-align: center;
line-height: 15px;
border-radius: 50%;
background: #999;
color: #fff;
margin-right: 5px;
padding-left: 2px;
}
.Nfone .qlgyfore .nvtwo {
overflow: hidden;
}
.Nfone .qlgyfore .negone {
float: left;
width: 60px;
padding: 10px;
background: #fff;
border-radius: 3px;
margin-left: 15px;
letter-spacing: 0;
}
.Nfone .qlgyfore .negone img {
display: block;
width: 60px;
margin-bottom: 6px;
}
.Nfone .qlgyfore .negone .inga {
position: relative;
margin-bottom: 0;
left: -3px;
top: -3px;
width: 66px;
}
.Nfone .qlgyo {
width: 380px;
padding: 0 150px 0 24px;
}
.Nfone .qlgyo h1 {
position: relative;
z-index: 1;
}
.Nfone .qlgyo h1:before {
position: absolute;
left: -24px;
top: 10px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat;
background-size: 100%;
}
.Nfone .qlgyo .msg1:before {
position: absolute;
left: -24px;
top: 6px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -30px;
background-size: 100%;
}
.Nfone .qlgyo .msg2:before {
position: absolute;
left: -24px;
top: 6px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -60px;
background-size: 100%;
}
.Nfone .qlgyo .msg3:before {
position: absolute;
left: -24px;
top: 6px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -241px;
background-size: 100%;
}
.Nfone .qlgyo .msg4:before {
position: absolute;
left: -24px;
top: 4px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -120px;
background-size: 100%;
}
.Nfone .qlgyt {
width: 256px;
padding-left: 24px;
}
.Nfone .qlgyt h1 {
position: relative;
z-index: 1;
}
.Nfone .qlgyt h1:before {
position: absolute;
left: -24px;
top: 8px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -91px;
background-size: 100%;
}
.Nfone .qlgyt .msg5:before {
position: absolute;
left: -24px;
top: 7px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -151px;
background-size: 100%;
}
.Nfone .qlgyt .msg6:before {
position: absolute;
left: -24px;
top: 6px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -181px;
background-size: 100%;
}
.Nfone .qlgyt .msg7:before {
position: absolute;
left: -24px;
top: 9px;
content: '';
width: 18px;
height: 18px;
background: url(../img/footericon.png) no-repeat 0 -211px;
background-size: 100%;
}
.Nfone .qlgyf {
float: right;
width: 200px;
}
.Nfone .qlgyf .nvone {
padding-right: 4px;
font-size: 12px;
text-align: right;
padding-bottom: 10px;
}
.Nfone .qlgyf .nvone span {
display: inline-block;
width: 15px;
height: 15px;
text-align: center;
line-height: 15px;
border-radius: 50%;
background: #999;
color: #fff;
margin-right: 5px;
}
.Nfone .qlgyf .nvtwo {
overflow: hidden;
}
.Nfone .qlgyf .negone {
float: left;
width: 80px;
border-radius: 3px;
margin-left: 20px;
letter-spacing: 0;
}
.Nfone .qlgyf .negone img {
display: block;
width: 100%;
height: 100%;
}
.Nfone .qlgyf .negone div {
font-size: 12px;
text-align: center;
}
.Nfone .qlgyf .inga {
width: 72px;
height: 72px;
padding: 4px;
}
.Nfone .qlgyf .inga div {
padding-top: 4px;
}
.Nfone .qlgys {
height: 26px;
line-height: 26px;
border-top: 1px dotted #ccc;
font-size: 12px;
}
.Nfone .qlgys a {
padding: 0 7px 0 3px;
}
.Nftwo {
padding: 13px 0 13px 0;
border-bottom: 1px solid #DEDEDE;
width: 1130px;
margin: 0 auto;
padding-left: 70px;
position: relative;
overflow: hidden;
}
.Nftwo .Nhezuo {
position: absolute;
left: 0;
top: 20px;
}
.Nftwo .Nhepic {
width: 100%;
}
.Nftwo .Nhepic a {
margin: 7px 15px 7px 15px;
float: left;
}
.Nftwo .Nhepic img {
height: 25px;
}
.stimevn {
overflow: hidden;
height: 20px;
line-height: 20px;
padding-top: 15px;
}
.stimevn span {
float: left;
}
.stimevn div {
float: left;
}
.stimevn a {
letter-spacing: 0;
font-size: 12px;
height: 20px;
line-height: 20px;
padding: 0 10px;
margin-right: 10px;
border-radius: 3px;
}
.stimevn a:hover {
color: #f66;
}
.stimevn a.yesod {
color: #f66;
}
.stimevn input {
float: left;
height: 18px;
line-height: 18px;
width: 75px;
padding: 0 5px 0 10px;
font-size: 10px;
border: 1px solid #ccc;
border-radius: 4px;
color: #ccc;
}
.stimevn em {
float: left;
padding: 0 10px;
}
.stimevn button {
float: left;
height: 20px;
font-size: 12px;
line-height: 18px;
border: 1px solid #ccc;
padding: 0 10px;
border-radius: 2px;
margin-left: 20px;
background: #fff;
color: #666;
}
@media screen and (max-width: 1444px) {
.C_liboxs {
max-height: 350px;
}
.C_xread {
height: 400px;
max-height: 400px;
}
.C_vpos {
max-height: 400px;
}
.head_rig .Lgoqey {
padding: 0 15px;
}
.head_rig .hsearch {
width: 235px;
}
.Syyrz {
margin-top: -200px;
}
.appcns {
padding-top: 80px;
transform: scale(0.8);
}
.appcns .appic1 {
margin-left: 80px;
}
.appcns .appic2 {
width: 550px;
margin-right: 140px;
}
.appconbn {
overflow: hidden;
padding-top: 0px;
padding-left: 90px;
}
.appconbn dl {
transform: scale(0.8);
margin-right: 0px;
}
.newHlogonyes .Lgoqey {
padding: 0;
}
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
.head_lef .logo {
width: 90px;
}
.head_rig .Lgoqey {
padding: 0 15px;
}
.head_rig .hsearch {
width: 190px;
}
.loglianm {
width: 100px;
}
.loglianm li {
width: 100%;
}
.new-loglianmsk {
padding: 0 15px;
}
}
@media screen and (min-width: 1445px) and (max-width: 1570px) {
.head_rig .hsearch {
width: 200px;
}
}
/* 鍒涜褰曢椤垫柊澧炴牱寮 */
.CS_quotation {
padding: 36px 47px 28px 54px;
border: 1px solid #eee;
border-radius: 3px;
margin-bottom: 20px;
background: url(../img/CS_quotation.png) no-repeat 0 70px;
background-color: #fff;
}
.CS_quotation .CS_top div {
height: 25px;
padding-right: 4px;
}
.CS_quotation .CS_top div span {
display: block;
width: 12px;
height: 11px;
background: url(../img/C_creating.png) no-repeat 0 0;
}
.CS_quotation .CS_top div:last-child span {
float: right;
margin-top: 14px;
transform: rotate(180deg);
}
.CS_quotation .CS_top p {
width: 217px;
line-height: 30px;
font-size: 22px;
font-family: "SimSun";
letter-spacing: 2px;
}
.CS_quotation .CS_middle {
position: relative;
height: 40px;
margin-top: 20px;
color: #7a7a7a;
overflow: hidden;
}
.CS_quotation .CS_middle div {
position: relative;
left: 0;
top: 8px;
width: 100%;
height: 1px;
background-color: #cfcfcf;
}
.CS_quotation .CS_middle h6 {
position: absolute;
right: 0;
top: 0;
max-width: 185px;
padding-right: 3px;
padding-left: 10px;
background: #fff;
line-height: 16px;
font-size: 12px;
word-break: break-word;
text-align: right;
}
.CS_quotation .CS_futitle {
width: 214px;
line-height: 20px;
text-align: right;
color: #aaa;
font-size: 12px;
margin-bottom: 30px;
}
.CS_bottom {
height: 36px;
}
.CS_bottom div {
float: left;
width: 33.33%;
height: 36px;
text-align: center;
cursor: pointer;
}
.CS_bottom .CS_weibo .weiboIcon {
display: block;
width: 20px;
height: 16px;
margin: 0 auto;
background: url(../img/C_creating.png) no-repeat 0 -33px;
}
.CS_bottom .CS_weibo:hover .weiboIcon {
background-position: -28px -33px;
}
.CS_bottom .CS_weibo:hover .weiboName {
color: #f66;
}
.CS_bottom .CS_weixin {
position: relative;
}
.CS_bottom .CS_weixin .weixinIcon {
display: block;
width: 20px;
height: 16px;
margin: 0 auto;
background: url(../img/C_creating.png) no-repeat 0 -74px;
}
.CS_bottom .CS_weixin .weixinName {
width: 100%;
}
.CS_bottom .CS_weixin .erweima {
position: absolute;
left: -8px;
top: -92px;
width: 80px;
height: 80px;
border: 1px solid #ccc;
background-color: white;
display: none;
}
.CS_bottom .CS_weixin .erweima div {
position: absolute;
left: 36px;
bottom: -6px;
width: 10px;
height: 10px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.CS_bottom .CS_weixin .erweima img {
width: 80px;
height: 80px;
}
.CS_bottom .CS_weixin:hover .weixinIcon {
background-position: -28px -74px;
}
.CS_bottom .CS_weixin:hover .erweima {
display: block;
}
.CS_bottom .CS_weixin:hover .weixinName {
color: #f66;
}
.CS_bottom .CS_dianzan {
position: relative;
}
.CS_bottom .CS_dianzan .dianzanIcon {
display: block;
width: 20px;
height: 16px;
margin: 0 auto;
background: url(../img/C_creating.png) no-repeat 0 -13px;
}
.CS_bottom .CS_dianzan .active {
background-position: -28px -13px;
}
.CS_bottom .CS_dianzan .dianzanNumber {
color: #666;
text-align: center;
}
.CS_bottom .CS_dianzan .tishi {
position: absolute;
left: -17px;
bottom: 40px;
width: 100px;
display: none;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: white;
}
.CS_bottom .CS_dianzan .tishi span {
position: absolute;
left: 50px;
bottom: -3px;
width: 3px;
height: 3px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.CS_bottom .CS_dianzan:hover .dianzanIcon {
background-position: -28px -13px;
}
.CS_bottom .CS_dianzan:hover .dianzanNumber {
color: #f66;
}
/*鍒涜褰曟牱寮?/
.C_creating-header {
width: 100%;
height: 29px;
border-bottom: 1px solid #eee;
}
.C_creating-header .C_creating-nav {
width: 1200px;
margin: 0 auto;
}
.C_creating-header .C_creating-nav li {
float: left;
height: 28px;
line-height: 32px;
padding: 0 18px;
margin-right: 20px;
border-bottom: 3px solid transparent;
cursor: pointer;
color: #666;
}
.C_creating-header .C_creating-nav li:hover {
border-bottom-color: #f66;
font-weight: 600;
}
.C_creating-header .C_creating-nav .C_active {
border-bottom-color: #f66;
font-weight: 600;
}
.C_creating-card {
position: relative;
width: 1000px;
margin: 0 auto;
}
.C_creating-card .C_creating-card-top {
position: absolute;
right: 0;
top: 10px;
height: 26px;
line-height: 26px;
z-index: 1;
}
.C_creating-card .C_creating-card-top a {
float: right;
height: 20px;
}
.C_creating-card .C_creating-card-top a:hover {
color: #f66;
}
.C_creating-card .C_creating-card-top span {
float: right;
width: 20px;
height: 20px;
background: url(../img/C_creating.png) no-repeat 0 7px;
}
.C_creating-card-middle {
width: 1000px;
height: 752px;
padding-bottom: 77px;
}
.poster-list {
height: 752px;
transform-style: preserve-3d;
perspective-origin: center;
}
.poster-item {
position: absolute;
width: 438px;
height: 658px;
top: 50px;
border: 1px solid #cbcbcb;
border-radius: 3px;
background: url(../img/chuangyulu.jpg) no-repeat center 0;
box-shadow: 0 0 47px #dfdfdf;
background-color: white;
}
.poster-item .prevQuotes {
height: 11px;
margin: 132px 36px 10px;
}
.poster-item .prevQuotes span {
float: left;
width: 12px;
height: 11px;
background: url(../img/C_creating.png) no-repeat 0 0;
}
.poster-item .nextQuotes {
height: 11px;
padding-right: 10px;
margin: 10px 36px;
}
.poster-item .nextQuotes span {
float: right;
width: 12px;
height: 11px;
background: url(../img/C_creating.png) no-repeat 0 0;
transform: rotate(180deg);
}
.poster-item .C_creating-quotations-body {
height: 220px;
line-height: 36px;
color: #333;
font-family: "SimSun";
letter-spacing: 2px;
margin: 0 36px;
word-wrap: break-word;
font-size: 28px;
overflow: hidden;
}
.poster-item .C_creating-quotations-author {
width: 81.3%;
max-height: 75px;
line-height: 25px;
font-size: 20px;
color: #666;
padding-right: 10px;
margin: 15px 36px 10px;
text-align: right;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.poster-item .C_creating-quotations-author span {
min-width: 40px;
height: 1px;
background-color: #ccc;
margin-top: 13px;
flex: 1;
}
.poster-item .C_creating-quotations-author em {
max-width: 310px;
padding-left: 10px;
background-color: #fff;
}
.poster-item .Futitle {
max-height: 68px;
line-height: 17px;
padding: 0 46px 0 36px;
text-align: right;
color: #666;
word-wrap: break-word;
overflow: hidden;
}
.C_creating-quotations-time {
position: absolute;
left: 50%;
bottom: 50px;
width: 140px;
height: 50px;
margin-left: -70px;
}
.C_creating-quotations-time .C_day {
float: left;
height: 50px;
line-height: 50px;
font-size: 66px;
color: #d0d0d0;
font-family: 'SimSun';
}
.C_creating-quotations-time .C_right {
float: right;
width: 56px;
height: 50px;
}
.C_creating-quotations-time .C_right .C_month {
float: left;
width: 56px;
height: 28px;
font-size: 20px;
color: #d0d0d0;
text-align: center;
font-family: 'SimSun';
}
.C_creating-quotations-time .C_right .C_year {
float: left;
width: 56px;
height: 20px;
border-radius: 3px;
line-height: 20px;
text-align: center;
background: #ccc;
font-size: 12px;
color: white;
}
.C_creating-card-bottom {
position: absolute;
left: 0;
bottom: -70px;
height: 18px;
padding-left: 60px;
display: none;
}
.C_creating-card-bottom > div {
position: relative;
float: left;
width: 92px;
height: 18px;
line-height: 18px;
cursor: pointer;
}
.C_creating-card-bottom > div span {
float: left;
width: 20px;
height: 18px;
margin-right: 6px;
background: url(../img/C_creating.png) no-repeat 0 -53px;
}
.C_creating-card-bottom > div strong {
float: left;
height: 18px;
line-height: 18px;
}
.C_creating-card-bottom > div .tishi {
position: absolute;
left: -45px;
bottom: 25px;
width: 100px;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: white;
text-align: center;
display: none;
}
.C_creating-card-bottom > div .tishi em {
position: absolute;
left: 50px;
bottom: -3px;
width: 3px;
height: 3px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.C_creating-card-bottom > div .erweima {
position: absolute;
left: -40px;
bottom: 28px;
width: 80px;
height: 80px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: white;
display: none;
z-index: 99;
}
.C_creating-card-bottom > div .erweima div {
position: absolute;
left: 40px;
bottom: -6px;
width: 10px;
height: 10px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.C_creating-card-bottom > div .erweima img {
width: 80px;
height: 80px;
}
.C_creating-card-bottom > div .active {
background-position-x: -28px !important;
}
.C_creating-card-bottom > div:hover {
color: #f66;
}
.C_creating-card-bottom > div:hover .C_creating-pic {
background-position-x: -28px;
}
.C_creating-card-bottom > div:hover .erweima {
display: block;
}
.C_creating-card-bottom div:nth-of-type(2) span {
background-position: 0 -13px;
}
.C_creating-card-bottom div:nth-of-type(3) span {
background-position: 0 -33px;
}
.C_creating-card-bottom div:nth-of-type(4) span {
background-position: 0 -74px;
}
/*璇勮鍖?/
.comment {
width: 1000px;
border-top: 3px solid #eee;
margin: 0 auto;
padding-top: 35px;
padding-bottom: 30px;
}
.writeReviews h4 {
line-height: 25px;
font-size: 16px;
font-weight: bold;
}
.writeReviews .subscriber {
float: left;
padding-top: 30px;
}
.writeReviews .subscriber a {
display: block;
}
.writeReviews .subscriber a img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.writeReviews .subName {
float: left;
width: 80px;
margin-right: 20px;
overflow: hidden;
text-align: center;
}
.writeReviews .subName div {
max-height: 32px;
margin-top: 10px;
line-height: 16px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.writeReviews p {
float: left;
width: 900px;
}
.writeReviews textarea {
float: left;
width: 668px;
resize: none;
height: 88px;
line-height: 20px;
border: 1px solid #eee;
border-radius: 4px;
padding: 5px 15px;
margin-bottom: 20px;
}
.writeReviews button {
float: left;
width: 80px;
height: 30px;
color: #fff;
background: #ff636b;
border-radius: 4px;
margin-top: 30px;
margin-left: 50px;
border: none;
}
.Cthepic {
float: left;
width: 80px;
text-align: center;
margin-right: 20px;
padding-top: 30px;
}
.Cthepic img {
width: 50px;
height: 50px;
border-radius: 50%;
}
.Cthetext {
float: left;
width: 700px;
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.Cthetext h4 {
padding-bottom: 10px;
}
.Cthetext h4 span {
font-weight: bold;
padding-right: 5px;
}
.Cthetext h4 em {
font-size: 12px;
color: #999;
}
.Cartio {
padding-left: 20px;
padding-bottom: 0;
margin-bottom: 10px;
color: #999;
background: url(../img/leyig.png) no-repeat left top;
}
.Cartio span {
color: #666;
padding-right: 10px;
}
.commentBody {
padding-bottom: 10px;
}
.Cbot {
font-size: 12px;
}
.Cbot time {
color: #999;
}
.Cbot div {
float: right;
cursor: pointer;
line-height: 25px;
}
.Cbot div span {
float: left;
width: 16px;
height: 16px;
margin: 5px 10px 0 25px;
}
.Cbot div em {
float: left;
}
.Cbot div strong {
color: #f66;
}
.Cbot div .dzNum2 {
float: left;
width: 16px;
height: 16px;
margin: 5px 10px 0 25px;
background-position-x: -148px;
}
.Cdm span {
background: url(../img/atc2.png) no-repeat;
background-position: -122px 0;
}
.Cpm span {
background: url(../img/atc2.png) no-repeat;
background-position: -200px 0;
}
.Cretus {
position: relative;
padding-top: 10px;
display: none;
}
.Cretus textarea {
width: 678px;
height: 88px;
padding: 5px 10px;
resize: none;
border-radius: 3px;
border: 1px solid #eee;
}
.Cretus button {
position: absolute;
right: -130px;
top: 50px;
width: 80px;
height: 30px;
border-radius: 4px;
border: none;
background: #ff636b;
color: #fff;
}
.Ctips {
position: fixed;
top: 50%;
left: 48%;
background: #F90;
padding: 5px 15px;
color: #fff;
border-radius: 5px;
border: 2px solid #f2f2f2;
z-index: 99999;
display: none;
}
.Cmore {
display: block;
width: 698px;
height: 28px;
border: 1px solid #eee;
text-align: center;
line-height: 28px;
letter-spacing: 5px;
margin-left: 100px;
}
@media screen and (max-height: 768px) {
.C_creating-card-middle {
height: 562px;
}
.poster-item {
width: 312px;
height: 468px;
background-size: 17px 75px;
}
.poster-item .prevQuotes {
margin: 94px 26px 10px;
}
.poster-item .C_creating-quotations-body {
height: 150px;
line-height: 20px;
font-size: 14px;
margin: 0 26px;
font-weight: normal;
letter-spacing: 2px;
}
.poster-item .nextQuotes {
margin: 10px 26px;
}
.poster-item .C_creating-quotations-author {
margin: 0 26px 10px;
line-height: 16px;
font-size: 12px;
}
.poster-item .Futitle {
height: 30px;
line-height: 15px;
padding: 0 26px;
font-size: 12px;
}
.C_creating-card-bottom {
bottom: -50px;
padding-left: 42px;
}
.C_creating-card-bottom > div {
width: 67px;
font-size: 12px;
}
}
/* 鍒涜褰曞垪琛?1 */
.C_Quotation {
width: 1200px;
margin: 0 auto;
background-color: #fff;
}
.C_Quotation-list {
border-left: 1px solid #eee;
padding: 0 80px 0 0;
margin-left: 50px;
margin-top: 28px;
}
.C_Quotation-list li {
border-bottom: 1px dashed #ddd;
margin-left: 48px;
padding-bottom: 20px;
cursor: pointer;
}
.C_Quotation-list li .releaseTime {
height: 62px;
line-height: 62px;
margin-left: -67px;
background-color: #fff;
color: #f66;
}
.C_Quotation-list li .quotation-title {
position: relative;
line-height: 28px;
margin-top: 12px;
font-size: 24px;
}
.C_Quotation-list li .quotation-title div {
position: absolute;
left: -51px;
top: 12px;
width: 5px;
height: 5px;
background-color: #ddd;
border-radius: 3px;
}
.C_Quotation-list li:last-child {
border-bottom: none;
}
.C_Quotation-list li:hover .quotation-title {
color: #f66;
}
.C_Quotation-list li:hover .quotation-right {
display: block;
}
.quotation-bottom {
margin-top: 25px;
}
.quotation-bottom .quotation-author {
float: left;
height: 34px;
line-height: 34px;
width: 710px;
color: #666;
}
.quotation-bottom .quotation-author div {
float: left;
width: 60px;
height: 1px;
background-color: #e2e2e2;
margin-top: 16px;
margin-right: 10px;
}
.futitle {
float: left;
min-width: 315px;
max-width: 710px;
height: 34px;
line-height: 34px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #aaa;
}
.quotation-right {
float: right;
display: none;
}
.quotation-right li {
position: relative;
float: left;
height: 34px;
line-height: 34px;
border-bottom: none;
margin-left: 35px;
padding: 0;
}
.quotation-right li .C_creating-pic {
float: left;
width: 20px;
height: 18px;
background: url(../img/C_creating.png) no-repeat 0 -53px;
margin-right: 8px;
margin-top: 6px;
}
.quotation-right li .active {
background-position-x: -28px !important;
}
.quotation-right li:nth-of-type(2) .C_creating-pic {
background-position: 0 -11px;
}
.quotation-right li:nth-of-type(3) .C_creating-pic {
background-position: 0 -31px;
}
.quotation-right li:nth-of-type(4) .C_creating-pic {
background-position: 0 -72px;
}
.quotation-right li:hover {
color: #f66;
}
.quotation-right li:hover .quotation-title {
color: #f66;
}
.quotation-right li:hover .C_creating-pic {
background-position-x: -28px;
}
.quotation-right li .tishi {
position: absolute;
left: -45px;
bottom: 52px;
width: 100px;
display: none;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: white;
text-align: center;
line-height: normal;
}
.quotation-right li .tishi span {
position: absolute;
left: 50px;
bottom: -3px;
width: 3px;
height: 3px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
color: #ccc !important;
}
.quotation-right li .erweima {
position: absolute;
left: -36px;
bottom: 25px;
width: 80px;
height: 80px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: white;
display: none;
}
.quotation-right li .erweima div {
position: absolute;
left: 36px;
bottom: -6px;
width: 10px;
height: 10px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.quotation-right li .erweima img {
width: 80px;
height: 80px;
}
.quotation-right li:hover .erweima {
display: block;
}
.C_bottomBtn {
width: 100%;
padding: 35px 0 80px;
text-align: center;
}
.C_bottomBtn .viewMore {
width: 1068px;
height: 28px;
line-height: 28px;
border: 1px solid #ddd;
border-radius: 3px;
margin: 0 auto;
text-align: center;
color: #999;
}
/* 鍒涜褰曠€戝竷娴佸垪琛 */
.C_article {
width: 100%;
background-color: #f8f8f8;
}
.C_pubuliuList {
width: 1220px;
margin: 27px auto 0;
}
.C_pubuliuList li {
float: left;
width: 280px;
margin-right: 25px;
}
.C_Quotations-card {
border-radius: 3px;
margin-bottom: 30px;
padding-top: 40px;
background-color: white;
color: #31424e;
}
.C_Quotations-card .C_body {
position: relative;
width: 240px;
line-height: 28px;
word-break: break-word;
padding: 25px 20px 14px;
font-size: 18px;
color: #31424e;
}
.C_Quotations-card .C_body:after {
position: absolute;
left: -7px;
top: -6px;
content: '\201c';
width: 60px;
height: 60px;
line-height: 60px;
font-size: 60px;
color: #eee;
font-family: "SimSun";
}
.C_Quotations-card .C_author {
position: relative;
max-height: 40px;
line-height: 20px;
padding: 20px 20px 0;
margin-bottom: 10px;
font-size: 16px;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.C_Quotations-card .C_author:before {
position: absolute;
left: 20px;
top: 0;
content: '';
width: 55px;
height: 2px;
background-color: #cf4141;
}
.C_Quotations-card .fuTitle {
padding: 0 20px;
max-height: 32px;
line-height: 16px;
color: #5e6b73;
font-size: 12px;
letter-spacing: 0;
margin-bottom: 10px;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.C_Quotations-card .time {
padding: 0 20px;
color: #5e6b73;
margin-bottom: 10px;
}
.C_Quotations-card .C_func {
opacity: 0;
height: 53px;
font-size: 12px;
border-top: 1px solid #eee;
text-align: center;
transition: 0.2s;
z-index: 3;
}
.C_Quotations-card .C_func a {
position: relative;
display: inline-block;
line-height: 53px;
color: #666;
}
.C_Quotations-card .C_func a:after {
position: absolute;
left: 0;
top: 17px;
content: '';
width: 20px;
height: 18px;
background: url(../img/C_creating.png) no-repeat 0 -53px;
}
.C_Quotations-card .C_func a:hover {
color: #f66;
}
.C_Quotations-card .C_func a:hover:after {
background-position-x: -28px;
}
.C_Quotations-card .C_func .yuanwen2 {
width: 33px;
padding-left: 26px;
margin-right: 20px;
}
.C_Quotations-card .C_func .CS_dianzan {
width: 33px;
padding-left: 20px;
margin-right: 20px;
}
.C_Quotations-card .C_func .CS_dianzan:after {
background-position-y: -13px;
}
.C_Quotations-card .C_func .CS_weixin {
width: 20px;
margin-right: 34px;
color: transparent;
}
.C_Quotations-card .C_func .CS_weixin:after {
background-position-y: -74px;
}
.C_Quotations-card .C_func .CS_weibo {
width: 20px;
color: transparent;
}
.C_Quotations-card .C_func .CS_weibo:after {
background-position-y: -33px;
}
.C_Quotations-card .C_func .CS_weixin:hover,
.C_Quotations-card .C_func .CS_weibo:hover {
color: transparent;
}
.C_Quotations-card .C_func .active {
color: #f66;
}
.C_Quotations-card .C_func .active:after {
background-position-x: -28px;
}
.C_Quotations-card .C_func .active .tishi {
color: #333;
}
.C_Quotations-card:hover {
box-shadow: 0 0 28px #ededed;
}
.C_Quotations-card:hover .C_func {
opacity: 1;
height: 53px;
}
.C_Quotations-card:hover .C_func .tishi {
color: #333;
}
.CS_weixin {
position: relative;
}
.CS_weixin .erweima {
position: absolute;
left: -33px;
bottom: 35px;
width: 88px;
height: 96px;
padding: 5px;
border-radius: 3px;
background: url(../img/C_creating.png) no-repeat -1px -153px;
display: none;
}
.CS_weixin .erweima img {
width: 88px;
height: 88px;
}
.CS_weixin:hover .erweima {
display: block;
}
.CS_dianzan {
position: relative;
}
.CS_dianzan .tishi {
position: absolute;
left: -24px;
bottom: 36px;
width: 100px;
display: none;
padding: 3px;
border: 1px solid #ccc;
border-radius: 3px;
background-color: white;
text-align: center;
line-height: normal;
}
.CS_dianzan .tishi span {
position: absolute;
left: 50px;
bottom: -3px;
width: 3px;
height: 3px;
border: 1px solid #ccc;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
background-color: white;
}
.CS_dianzan .active {
background-position-x: -28px !important;
}
.Plunbox {
position: fixed;
width: 490px;
padding: 25px;
left: 50%;
top: 50%;
margin-left: -250px;
margin-top: -200px;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 4px #999;
}
.Plunbox .pltion {
position: relative;
width: 535px;
text-align: center;
left: -25px;
border-left: 5px solid #f66;
font-size: 18px;
height: 18px;
line-height: 18px;
}
.Plunbox textarea {
margin-top: 20px;
resize: none;
width: 470px;
height: 140px;
border-radius: 3px;
border: 1px solid #ddd;
padding: 10px;
line-height: 20px;
}
.Plunbox textarea::-webkit-scrollbar {
width: 5px;
}
.Plunbox textarea::-webkit-scrollbar-thumb {
background-color: #eee;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.Plunbox h3 {
text-align: center;
padding: 15px 0 5px;
}
.botton1 {
border: none;
display: inline-block;
width: 90px;
line-height: 30px;
background: #f66;
color: #fff;
text-align: center;
border-radius: 3px;
cursor: pointer;
}
.botton2 {
border: none;
display: inline-block;
width: 90px;
line-height: 30px;
background: #eee;
color: #999;
text-align: center;
border-radius: 3px;
cursor: pointer;
margin-right: 5px;
}
.acselbigs {
overflow: hidden;
clear: both;
}
.acselb {
position: relative;
padding: 15px 0 15px 35px;
line-height: 22px;
overflow: hidden;
border-bottom: 1px dashed #eee;
font-size: 12px;
}
.acselb .spys {
color: #ccc;
position: absolute;
left: 0;
top: 18px;
}
.sptime {
overflow: hidden;
}
.sptime p {
float: left;
overflow: hidden;
}
.sptime a {
float: left;
line-height: 22px;
padding: 0 20px;
}
.sptime a:hover {
color: #f66;
}
.sptime .yesvn {
color: #f66;
}
.sptime input[type=text] {
width: 80px;
padding: 0 5px;
height: 20px;
line-height: 20px;
border: 1px solid #ccc;
border-radius: 4px;
}
.sptime button {
float: left;
margin-left: 20px;
border: 1px solid #f66;
color: #f66;
font-size: 12px;
line-height: 20px;
padding: 0 8px;
border-radius: 3px;
cursor: pointer;
background: #fff;
}
.sptime input[type=checkbox] {
vertical-align: middle;
margin-right: 5px;
}
.sptime input[type=checkbox] + label {
margin-right: 20px;
}
.aecitys {
width: 594px;
float: left;
height: 22px;
padding-left: 66px;
position: relative;
}
.aecitys .allcity {
position: absolute;
left: 0;
top: 0;
}
.aecimore {
width: 50px;
float: right;
cursor: pointer;
height: 22px;
line-height: 22px;
}
.aecimore s {
float: right;
width: 20px;
height: 20px;
background: url(../img/skin_icons1.png) no-repeat 0 2px;
}
.aecimore.hovsts s {
background: url(../img/skin_icons1.png) no-repeat -29px 2px;
}
.Fvcitys {
overflow: hidden;
padding: 25px 0 15px 0;
border-bottom: 1px solid #efefef;
margin-bottom: 20px;
}
.Fvcitys .Fvle {
float: left;
font-size: 24px;
color: #f66;
position: relative;
top: -5px;
}
.Fvcitys .Fvle span {
float: left;
width: 17px;
height: 24px;
margin-right: 10px;
background: url(../img/adder1.png) no-repeat;
background-size: 100%;
}
.Fvcitys .Fvrig {
float: right;
}
.Fvcitys .Fvsci {
float: left;
}
.Fvcitys .Fvsci a {
float: left;
margin: 0 10px;
position: relative;
}
.Fvcitys .Fvsci a em {
display: inline-block;
width: 12px;
height: 12px;
background: url(../img/collection3.png) no-repeat;
background-size: 100%;
position: absolute;
top: 0px;
right: -5px;
}
.Fvcitys .Fvsci a:hover {
color: #f66;
}
.Fvcitys .Fvsci .yes {
color: #f66;
}
.Fvcitys .Fvszk {
float: right;
font-size: 12px;
line-height: 20px;
height: 20px;
padding: 0 10px;
color: #666;
background: #f8f8f8;
position: relative;
top: 3px;
border-radius: 2px;
cursor: pointer;
}
.Fvcitys .Fvszk em {
display: inline-block;
width: 15px;
height: 15px;
background: url(../img/skin_icons1.png) no-repeat -4px 0;
position: relative;
top: 2px;
left: 3px;
}
.Fvcitys .Fvyes em {
background: url(../img/skin_icons1.png) no-repeat -32px 0;
}
.Fvallcy {
padding: 15px 10px;
border: 1px solid #efefef;
border-radius: 3px;
border-top: 0;
position: relative;
top: -20px;
display: none;
}
.Fvallcy .Fvboxg {
max-height: 140px;
overflow: auto;
}
.Fvallcy .Fvboxg::-webkit-scrollbar {
width: 5px;
}
.Fvallcy .Fvboxg::-webkit-scrollbar-thumb {
background-color: #eee;
border-radius: 4px;
}
.Fvallcy li {
position: relative;
padding: 0 0 10px 60px;
overflow: hidden;
}
.Fvallcy li span {
position: absolute;
left: 0;
top: 0;
width: 60px;
text-align: right;
font-weight: bold;
}
.Fvallcy li a {
float: left;
border-radius: 3px;
color: #666;
padding: 0 10px;
height: 25px;
line-height: 25px;
}
.Fvallcy li a:hover {
background: #f66;
color: #fff;
}
.Fvallcy li .yes {
background: #f66;
color: #fff;
}
.Fhlist {
overflow: hidden;
border-bottom: 1px solid #eee;
padding: 30px 0 20px 0;
}
.Fhlist span {
font-weight: bold;
float: left;
margin-bottom: 5px;
}
.Fhlist a {
float: left;
height: 30px;
line-height: 30px;
padding: 0 7px;
border-radius: 3px;
margin-right: 10px;
margin-bottom: 5px;
}
.Fhlist a:hover {
background: #f66;
color: #fff;
}
.Fhlist .yes {
background: #f66;
color: #fff;
}
.crumbs {
width: 1200px;
height: 25px;
margin: 20px auto 0;
}
.N-activzt {
position: relative;
width: 100%;
height: 260px;
}
.N-activzt .N-actpic {
width: 100%;
height: 100%;
border-radius: 3px;
}
.N-activzt .N-actpic img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.N-activzt .maskMsg {
position: absolute;
left: 70px;
top: 0;
width: 215px;
height: 203px;
padding: 57px 30px 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 2;
}
.N-activzt .maskMsg h1 {
position: relative;
margin-bottom: 15px;
}
.N-activzt .maskMsg h1 a {
width: 100%;
line-height: 25px;
max-height: 75px;
font-size: 18px;
color: #fff;
word-break: break-word;
letter-spacing: 3px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.N-activzt .maskMsg h1:hover {
color: #f66;
}
.N-activzt .maskMsg h1:before {
position: absolute;
left: 1px;
top: -17px;
content: '';
width: 20px;
height: 4px;
background-color: #f66;
z-index: 8;
}
.N-activzt .N-wrap {
position: relative;
margin-bottom: 10px;
line-height: 18px;
font-size: 12px;
color: #ccc;
}
.N-activzt .N-wrap span {
float: left;
color: #ccc;
}
.N-activzt .N-wrap .N-time {
display: block;
position: relative;
padding-left: 20px;
color: #ccc;
}
.N-activzt .N-wrap .N-time:before {
position: absolute;
left: 0;
top: 3px;
content: '';
width: 13px;
height: 13px;
background: url(../img/time.png) no-repeat;
}
.N-activzt .N-wrap .N-adder {
position: relative;
padding-left: 20px;
width: 150px;
max-height: 54px;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.N-activzt .N-wrap .N-adder:before {
position: absolute;
left: 0;
top: 2px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -4px 0;
}
.N-activzt .N-wrap .quMap {
float: left;
width: 45px;
text-align: center;
text-decoration: underline;
color: #f66;
}
.N-activzt .N-wrap .qyname {
float: left;
margin-right: 20px;
}
.N-activzt .N-wrap .qyname img {
width: 14px;
height: 14px;
border: 1px solid #ddd;
border-radius: 2px;
margin-right: 10px;
}
.N-activzt .N-wrap .qyname:hover {
color: #f66;
}
.N-activzt .N-wrap .contacts {
float: left;
position: relative;
color: #f66;
text-decoration: underline;
}
.N-activzt .maskMsg2 {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
}
.N-activzt .table-cell {
display: table-cell;
width: 1100px;
height: 260px;
padding: 0 50px;
vertical-align: middle;
color: #fff;
}
.N-activzt .table-cell h1 {
padding-bottom: 6px;
line-height: 40px;
font-size: 30px;
}
.N-activzt .table-cell p {
line-height: 36px;
font-size: 14px;
}
.N-activzt .table-cell .N-time {
position: relative;
padding: 0 30px 0 24px;
}
.N-activzt .table-cell .N-time:before {
position: absolute;
left: 0;
top: 3px;
content: '';
width: 13px;
height: 13px;
background: url(../img/time.png) no-repeat;
}
.N-activzt .table-cell .N-adder {
position: relative;
padding: 0 12px 0 24px;
}
.N-activzt .table-cell .N-adder:before {
position: absolute;
left: 0;
top: 2px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -4px 0;
}
.N-activzt .table-cell .quMap {
text-decoration: underline;
color: #f66;
}
/* 2018-01-25 */
.cancelhd {
height: 247px;
margin-top: 20px;
text-align: center;
}
.cancelhd img {
margin: 12px auto 24px;
max-width: 100%;
max-height: 100%;
}
.cancelhd h2 {
letter-spacing: 2px;
line-height: 28px;
font-size: 20px;
}
.cancelhd p {
line-height: 22px;
font-size: 14px;
color: #666;
}
.NpadL {
padding-left: 30px;
}
.wrapper .A_more {
width: 720px;
}
.wrapper .A_thetext time {
float: right;
font-size: 12px;
color: #999;
}
.paddingLR-40 {
padding: 0 40px;
}
.margin-bot-80 {
margin-bottom: 80px;
}
.mainL {
float: left;
width: 780px;
background-color: #fff;
}
.mainL .A_activle {
width: 100%;
padding: 0;
}
.mainL .A_actext {
padding: 0;
border: none;
}
.mainL .A_actext .A_ctes {
width: 100%;
}
.mainL .A_actext .A_ctes .A_contxt {
padding-bottom: 15px;
}
.mainL .title {
position: relative;
height: 36px;
line-height: 36px;
padding-left: 15px;
font-size: 16px;
font-weight: 600;
color: #333;
}
.mainL .title:before {
position: absolute;
left: 0;
top: 10px;
content: '';
width: 4px;
height: 16px;
background-color: #f66;
}
.mainL .A_contxt h2,
.mainL .A_contxt p {
text-indent: 2em;
}
.mainR {
float: right;
width: 300px;
}
.activity-title {
height: 44px;
padding-top: 10px;
border-bottom: 2px solid #eee;
margin-bottom: 20px;
}
.left-title {
float: left;
}
.left-title a {
float: left;
margin-right: 50px;
line-height: 43px;
border-bottom: 4px solid transparent;
}
.left-title a:hover {
border-color: #f66;
}
.left-title .current {
border-color: #f66;
}
.right-func {
float: right;
width: 390px;
height: 44px;
line-height: 40px;
}
.right-func .fx {
float: left;
}
.right-func .fx span {
float: left;
margin-right: 5px;
font-size: 12px;
color: #999;
}
.right-func .fx a {
float: left;
width: 26px;
height: 26px;
margin: 6px 5px 8px;
border-radius: 50%;
}
.right-func .fx a:hover {
animation: zoomInout 600ms ease;
-o-animation: zoomInout 600ms ease;
-ms-animation: zoomInout 600ms ease;
-moz-animation: zoomInout 600ms ease;
-webkit-animation: zoomInout 600ms ease;
}
.right-func .fx .wx {
background: url(../img/atc1.jpg) no-repeat;
background-size: 100%;
}
.right-func .fx .wb {
background: url(../img/atc1.jpg) no-repeat 0 -39px;
background-size: 100%;
}
.right-func .fx .qq {
background: url(../img/atc1.jpg) no-repeat 0 -156px;
background-size: 100%;
}
.zhanwei {
height: 66px;
display: none;
}
.collection {
float: left;
width: 88px;
height: 28px;
border: 1px solid #ccc;
line-height: 28px;
margin: 4px 0 6px 16px;
border-radius: 3px;
text-align: center;
}
.collection a {
position: relative;
padding-left: 20px;
font-size: 13px;
color: #666;
}
.collection a:before {
position: absolute;
left: 0;
top: 2px;
content: '';
width: 14px;
height: 14px;
background: url(../img/collection4.png) no-repeat;
background-size: 100%;
}
.collection a:hover {
color: #f66;
}
.collection a:hover:before {
background-position-y: -21px;
}
.signUp {
float: right;
width: 120px;
height: 30px;
margin-top: 4px;
margin-left: 10px;
line-height: 30px;
border-radius: 3px;
font-size: 13px;
text-align: center;
background-color: #f66;
color: #fff;
}
.signEnd {
float: right;
width: 120px;
height: 30px;
margin-top: 4px;
margin-left: 10px;
line-height: 30px;
border-radius: 3px;
font-size: 13px;
text-align: center;
background-color: #ccc;
color: #666;
}
.ycollection {
float: left;
width: 88px;
height: 28px;
border: 1px solid #ccc;
line-height: 28px;
margin: 4px 0 6px 16px;
border-radius: 3px;
text-align: center;
}
.ycollection a {
position: relative;
padding-left: 20px;
font-size: 13px;
color: #f66;
}
.ycollection a:before {
position: absolute;
left: 0;
top: 2px;
content: '';
width: 14px;
height: 14px;
background: url(../img/collection4.png) no-repeat 0 -21px;
background-size: 100%;
}
.N-item {
padding-top: 1px;
}
.N-item ul {
padding-bottom: 10px;
}
.N-item h4 {
position: relative;
height: 16px;
line-height: 16px;
padding-left: 10px;
margin: 10px 0;
border-left: 4px solid #f66;
font-size: 16px;
font-weight: bold;
letter-spacing: 2px;
}
.N-item h4 a {
float: right;
width: 40px;
height: 20px;
line-height: 20px;
margin-top: -2px;
background-color: #f8f8f8;
border-radius: 3px;
text-align: center;
font-size: 12px;
font-weight: normal;
color: #999;
}
.N-item h4 em {
color: #f66;
}
.N-item .N-gs {
padding: 8px 0 14px;
}
.N-item .N-gs h5 {
height: 40px;
line-height: 40px;
margin-bottom: 10px;
}
.N-item .N-gs .gslogo {
float: left;
}
.N-item .N-gs .gslogo img {
float: left;
width: 38px;
height: 38px;
margin-right: 20px;
border: 1px solid #eee;
}
.N-item .N-gs .gslogo span {
float: left;
width: 170px;
height: 40px;
line-height: 40px;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.N-item .N-gs .gz {
float: right;
width: 48px;
height: 18px;
line-height: 18px;
margin: 10px 0 10px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
font-size: 12px;
color: #f66;
}
.N-item .N-gs .ygz {
color: #999;
}
.N-item .N-gs p {
line-height: 24px;
font-size: 14px;
color: #666;
}
.N-item .N-gs p em {
color: #999;
}
.N-item .N-activity {
padding: 10px 0;
}
.N-item .N-activity .padding-left-112 {
position: relative;
padding-left: 112px;
}
.N-item .N-activity .padding-left-112 .pictrue {
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 60px;
border-radius: 3px;
overflow: hidden;
}
.N-item .N-activity .Atitle {
width: 100%;
padding-top: 2px;
}
.N-item .N-activity .Atitle h6 {
max-height: 36px;
line-height: 18px;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.N-item .N-activity .Atitle h6:hover {
color: #f66;
}
.N-item .N-activity .Atitle p {
height: 22px;
}
.N-item .N-activity .Atitle time {
position: relative;
display: inline-block;
padding-left: 18px;
height: 22px;
margin-right: 30px;
line-height: 30px;
font-size: 12px;
color: #666;
letter-spacing: 0;
overflow: hidden;
}
.N-item .N-activity .Atitle time:before {
position: absolute;
left: 0;
top: 9px;
content: '';
width: 12px;
height: 12px;
background: url(../img/time.png) no-repeat;
}
.N-item .N-activity .Atitle span {
display: inline-block;
height: 22px;
margin-right: 30px;
line-height: 30px;
font-size: 12px;
color: #666;
}
.N-item .N-activity .Atitle em {
position: relative;
display: inline-block;
height: 22px;
padding-left: 18px;
line-height: 30px;
font-size: 12px;
color: #666;
}
.N-item .N-activity .Atitle em:before {
position: absolute;
left: 0;
top: 8px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -3px 0;
}
.N-item .first {
padding-top: 10px;
}
.N-item .first .pictrue {
position: relative;
width: 298px;
height: 184px;
border: 1px solid #eee;
border-bottom: none;
border-radius: 3px 3px 0 0;
overflow: hidden;
}
.N-item .first .pictrue img {
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.N-item .first .pictrue a {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
/*IE9鏄剧ず杩欐潯*/
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Safari 5.1 - 6.0 */
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* Firefox 3.6 - 15 */
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
/* 鏍囧噯鐨勮娉曪紙蹇呴』鏀惧湪鏈€鍚庯級 */
}
.N-item .first .pictrue span {
position: absolute;
left: 0;
bottom: 0;
padding: 10px 20px;
max-height: 44px;
line-height: 22px;
font-size: 16px;
color: #fff;
letter-spacing: 2px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.N-item .first .pictrue span:before {
position: absolute;
left: 20px;
top: 0;
content: '';
width: 16px;
height: 3px;
background-color: #f66;
}
.N-item .first .pictrue span:hover {
color: #f66;
}
.N-item .first .pictrue:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.N-item .first p {
padding: 10px 20px 6px 20px;
border: 1px solid #eee;
border-top: none;
border-radius: 0 0 3px 3px;
}
.N-item .first p time {
position: relative;
display: block;
padding-left: 24px;
font-size: 12px;
color: #666;
}
.N-item .first p time:before {
position: absolute;
left: 0;
top: 6px;
content: '';
width: 13px;
height: 13px;
background: url(../img/time.png) no-repeat;
background-size: 100%;
}
.N-item .first p span {
position: relative;
display: block;
width: 234px;
padding-left: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: #666;
}
.N-item .first p span:before {
position: absolute;
left: 0;
top: 6px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -3px 0;
}
.N-item .commentNqu textarea {
width: 222px;
}
.N-item .S_arigpags {
margin-top: -15px;
}
.N-item .lgList {
position: relative;
padding-top: 1px;
margin-left: 38px;
padding-left: 24px;
padding-bottom: 20px;
border-left: 2px solid #eee;
}
.N-item .lgList li {
position: relative;
width: 100%;
height: 30px;
line-height: 30px;
padding: 10px 0;
}
.N-item .lgList li a {
float: left;
}
.N-item .lgList li img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.N-item .lgList li:before {
position: absolute;
left: -28px;
top: 23px;
content: '';
width: 6px;
height: 6px;
background-color: #eee;
border-radius: 50%;
}
.N-item .lgList:before {
position: absolute;
left: -2px;
top: 0;
content: '';
width: 2px;
height: 20px;
background-color: #fff;
}
.N-item .lgList time {
position: absolute;
left: -64px;
top: 10px;
width: 32px;
font-size: 12px;
color: #666;
text-align: right;
letter-spacing: 0;
}
.N-item .lgList span {
float: left;
margin-left: 10px;
font-size: 12px;
color: #666;
}
.N-item .lgList .today a {
margin-right: 20px;
}
.N-item .lgList .today time {
font-size: 16px;
}
.N-item .lgList .today em {
float: left;
margin-left: -10px;
}
.N-item .yesterday {
padding-left: 30px;
font-size: 12px;
color: #666;
}
.hotping {
margin-bottom: 20px;
padding-top: 0 !important;
}
.hotping .commentrent {
top: 0;
width: 40px;
}
.hotping .commentrent em {
display: block;
margin-top: 10px;
margin-left: -5px;
line-height: 14px;
font-size: 12px;
color: #333;
text-align: center;
}
.hotping .Nthetext {
border: none;
padding: 18px 20px 10px;
background-color: #f8f8f8;
}
.hotping .Nthetext .dot {
max-height: none;
}
.hotping .Nthetext .HFdot {
position: relative;
padding-left: 18px;
margin-bottom: 6px;
font-size: 12px;
line-height: 18px;
color: #999;
}
.hotping .Nthetext .HFdot em {
color: #666;
}
.hotping .Nthetext .HFdot:before {
position: absolute;
left: 0;
top: 4px;
content: '';
width: 11px;
height: 10px;
background: url(../img/C_creating.png) no-repeat -1px -1px;
}
.hotping .Nbot {
height: 32px;
line-height: 32px;
}
.hotping .Nbot time {
font-size: 12px;
color: #999;
}
.hotping .Nretus {
width: 100%;
}
.hotping .Nretus textarea {
width: auto;
}
.NactTitle {
height: 56px;
padding-top: 10px;
line-height: 56px;
}
.NactTitle span {
position: relative;
float: left;
padding-left: 12px;
font-size: 16px;
font-weight: bold;
}
.NactTitle span:before {
position: absolute;
left: 0;
top: 20px;
content: '';
width: 4px;
height: 16px;
background-color: #f66;
}
.NactTitle a {
float: right;
width: 40px;
height: 20px;
margin-top: 20px;
line-height: 20px;
background-color: #f8f8f8;
border-radius: 3px;
font-size: 12px;
color: #bbb;
text-align: center;
}
.act-wrap {
width: 100%;
overflow: hidden;
}
.act-wrap ul {
width: 1218px;
}
.act-wrap ul li {
float: left;
margin-right: 20px;
border: 1px solid #eee;
border-radius: 3px;
}
.act-wrap .pictrue-wrap {
position: relative;
width: 384px;
height: 240px;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.act-wrap .pictrue-wrap span {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
display: none;
}
.act-wrap .pictrue-wrap span em {
position: absolute;
left: 50%;
top: 50%;
width: 55px;
height: 55px;
margin: -28px 0 0 -28px;
background: url(../img/whiteplay.png) no-repeat;
}
.act-wrap .pictrue-wrap img {
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.act-wrap .pictrue-wrap:hover span {
display: block;
}
.act-wrap .pictrue-wrap:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.act-wrap .title-wrap {
padding: 10px 20px;
}
.act-wrap .title-wrap h6 {
width: 344px;
height: 48px;
line-height: 24px;
font-size: 18px;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.act-wrap .title-wrap h6:hover {
color: #f66;
}
.act-wrap .title-wrap p {
height: 24px;
line-height: 24px;
font-size: 12px;
color: #666;
}
.act-wrap .title-wrap p time {
position: relative;
display: block;
padding-left: 24px;
}
.act-wrap .title-wrap p time:before {
position: absolute;
left: 0;
top: 6px;
content: '';
width: 13px;
height: 13px;
background: url(../img/time.png) no-repeat;
background-size: 100%;
}
.act-wrap .title-wrap p em {
position: relative;
width: 214px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
padding-left: 24px;
}
.act-wrap .title-wrap p em:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -3px 0;
}
.act-wrap ol {
width: 1224px;
}
.act-wrap ol li {
float: left;
margin-right: 26px;
border: 1px solid #eee;
border-radius: 3px;
}
.act-wrap .zx-wrap {
position: relative;
width: 278px;
height: 174px;
border-radius: 4px 4px 0 0;
overflow: hidden;
}
.act-wrap .zx-wrap img {
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
}
.act-wrap .zx-wrap a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.act-wrap .zx-wrap h6 {
position: absolute;
left: 0;
bottom: 0;
padding: 15px;
height: 36px;
line-height: 18px;
font-size: 14px;
color: #fff;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.act-wrap .zx-wrap h6:hover {
color: #f66;
}
.act-wrap .zx-wrap:hover img {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.livePic {
position: relative;
padding-top: 10px;
overflow: hidden;
}
.livePic .fristLivepic {
float: left;
width: 520px;
height: 315px;
overflow: hidden;
border-radius: 3px 0 0 3px;
}
.livePic .fristLivepic img {
width: 100%;
height: 100%;
}
.livePic .livePictrue {
float: right;
width: 255px;
height: 315px;
overflow: hidden;
border-radius: 0 3px 3px 0;
}
.livePic .livePictrue img {
float: left;
width: 100%;
height: 155px;
margin-bottom: 5px;
}
.livePic .masked {
position: absolute;
left: 0;
height: 0;
width: 100%;
height: 315px;
background-color: rgba(0, 0, 0, 0.5);
display: none;
}
.livePic .masked a {
display: table-cell;
width: 780px;
height: 315px;
line-height: 30px;
vertical-align: middle;
text-align: center;
}
.livePic .masked a em {
display: inline-block;
height: 30px;
padding-left: 37px;
background: url(../img/pictrue.png) no-repeat;
font-size: 24px;
color: #fff;
font-weight: 100;
}
.livePic:hover .masked {
display: block;
}
.liveContent {
padding: 24px 0 20px;
overflow: hidden;
}
.liveContent ul {
padding-left: 14px;
padding-bottom: 24px;
margin-left: 5px;
border-left: 1px solid #eee;
}
.liveContent ul li {
width: 100%;
margin-bottom: 20px;
}
.liveContent ul li h2 {
min-height: 36px;
line-height: 34px;
font-size: 18px;
}
.liveContent ul li p {
line-height: 24px;
}
.liveContent .deta {
position: relative;
line-height: 24px;
font-size: 12px;
color: #999;
}
.liveContent .deta:before {
position: absolute;
left: -20px;
top: 0;
content: '';
width: 12px;
height: 12px;
padding: 6px 0 4px;
background: url(../img/time.png) no-repeat 0 6px #ffffff;
}
.liveContent .current {
color: #f66;
}
.liveContent .pictrue {
width: 770px;
padding: 10px 0 5px;
}
.liveContent .pictrue img {
max-width: 375px;
max-height: 234px;
border-radius: 3px;
margin-right: 10px;
margin-bottom: 10px;
}
.liveContent .ckMore {
float: right;
width: 756px;
height: 28px;
margin-top: -30px;
line-height: 28px;
border: 1px solid #eee;
border-radius: 3px;
text-align: center;
font-size: 13px;
color: #999;
cursor: pointer;
}
.NewsReports {
padding-bottom: 40px;
}
.NewsReports h3 {
height: 17px;
margin-bottom: 17px;
border-bottom: 1px solid #eee;
}
.NewsReports h3 span {
position: relative;
top: 10px;
float: left;
height: 16px;
padding: 0 6px;
line-height: 16px;
border-left: 4px solid #f66;
background-color: #fff;
font-size: 16px;
font-weight: 600;
}
.NewsWrap {
margin-top: -10px;
}
.NewsWrap ul li {
position: relative;
min-height: 102px;
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.NewsWrap .padding-left-178 {
position: relative;
padding-left: 178px;
min-height: 102px;
}
.NewsWrap .picture {
position: absolute;
left: 0;
top: 0;
width: 158px;
height: 100px;
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.NewsWrap .picture img {
width: 100%;
height: 100%;
}
.NewsWrap .NewsTitle {
position: relative;
top: -6px;
width: 100%;
}
.NewsWrap .NewsTitle h4 {
width: 100%;
line-height: 36px;
font-size: 24px;
}
.NewsWrap .NewsTitle h4:hover {
color: #f66;
}
.NewsWrap .NewsTitle .fsmsg {
margin-top: 10px;
height: 20px;
line-height: 20px;
}
.NewsWrap .NewsTitle .fsmsg a,
.NewsWrap .NewsTitle .fsmsg span,
.NewsWrap .NewsTitle .fsmsg em,
.NewsWrap .NewsTitle .fsmsg time {
float: left;
font-size: 12px;
color: #666;
}
.NewsWrap .NewsTitle .fsmsg time {
position: relative;
padding-left: 25px;
}
.NewsWrap .NewsTitle .fsmsg time:before {
position: absolute;
left: 0;
top: 2px;
content: '';
width: 16px;
height: 16px;
background: url(../img/atc2.png) no-repeat -174px 0;
}
.NewsWrap .NewsTitle .source {
margin-right: 30px;
}
.NewsWrap .NewsTitle .source img {
float: left;
width: 14px;
height: 14px;
border: 1px solid #eee;
border-radius: 2px;
margin-top: 2px;
margin-right: 10px;
}
.NewsWrap .NewsTitle .source span {
font-size: 12px;
color: #666;
}
.NewsWrap .NewsTitle .reprintMedia {
height: 20px;
margin-left: 17px;
}
.NewsWrap .NewsTitle .reprintMedia img {
float: left;
height: 100%;
}
.NewsWrap .NewsTitle .dot {
width: 20px;
height: 20px;
border-radius: 50%;
margin-left: 20px;
background-color: #f5f5f5;
text-align: center;
}
.NewsWrap .A_fie {
position: absolute;
right: 0;
bottom: 30px;
width: 30px;
height: 60px;
}
.NewsWrap .A_fie:hover em {
background-position: -32px 0;
}
.NewsWrap .A_fie .bdsharebuttonbox {
position: absolute;
right: -36px;
top: -64px;
width: 180px;
margin: 0;
}
.NewsWrap .ckMore {
height: 28px;
line-height: 28px;
border: 1px solid #eee;
border-top: none;
border-radius: 3px;
text-align: center;
font-size: 13px;
color: #999;
cursor: pointer;
}
.fixed {
position: fixed;
left: 50%;
top: 61px;
width: 1120px;
margin-left: -600px;
height: 46px;
border: none;
padding: 10px 40px 0;
background-color: #fff;
box-shadow: 4px 5px 10px #f2f2f2;
z-index: 888;
}
.fixed .activity-title {
border: none;
}
.wrapeer {
float: left;
width: 800px;
padding: 0 30px 30px;
margin-top: 20px;
background-color: #fff;
}
.wrapeer h1 {
font-weight: normal;
}
.wrapeer .click {
background-position: 0 0;
}
.wrapeer .A_theof .N-artio {
padding: 10px 14px 8px;
background: none;
background-color: #f8f8f8;
color: #f66;
}
.wrapeer .A_theof .N-artio span {
color: #f66;
}
.wrapeer .A_revie {
padding-top: 10px;
}
.N-wrapper {
padding: 1px 20px 25px;
background-color: #fff;
margin-bottom: 20px;
}
.N-wrapper h5 {
height: 18px;
line-height: 18px;
margin: 18px 0;
padding-left: 10px;
border-left: 5px solid #f66;
font-size: 16px;
color: #333;
}
.N-wrapper .N-activity {
margin-bottom: 10px;
}
.N-wrapper .N-activity h6 {
width: 100%;
line-height: 24px;
margin-bottom: 3px;
font-size: 16px;
word-break: break-word;
}
.N-wrapper .N-activity h6:hover {
color: #f66;
}
.N-wrapper .N-activity p {
width: 100%;
height: 22px;
line-height: 22px;
font-size: 12px;
color: #666;
}
.N-wrapper .N-activity time {
position: relative;
display: inline-block;
padding-left: 23px;
}
.N-wrapper .N-activity time:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 13px;
height: 13px;
background: url(../img/atc2.png) no-repeat -347px 0;
}
.N-wrapper .N-activity span {
float: right;
color: #999;
}
.N-wrapper .N-activity div {
position: relative;
padding-left: 23px;
line-height: 22px;
font-size: 12px;
color: #666;
word-break: break-word;
}
.N-wrapper .N-activity div:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -4px 0;
}
.dialog-wrap {
background-color: rgba(0, 0, 0, 0.3);
}
.activity_dialog {
position: fixed;
top: 20%;
left: 40%;
z-index: 999;
background: #fff;
border-radius: 5px;
}
.activity_dialog_main {
width: 400px;
text-align: center;
padding: 40px 0;
}
.activity_dialog_main .close {
position: absolute;
right: 20px;
top: 15px;
color: #666;
width: auto;
height: auto;
background: none;
}
.activity_dialog_main h4 {
font-size: 18px;
font-weight: bold;
margin-bottom: 40px;
border-left: 6px solid #f66;
}
.activity_dialog_main span {
margin-right: 20px;
}
.activity_dialog_main input {
border: 1px solid #ddd;
border-radius: 4px;
height: 38px;
line-height: 38px;
margin-bottom: 20px;
padding-left: 20px;
width: 226px;
}
.btn-log {
display: inline-block;
width: 80px;
height: 30px;
background-color: #f66;
border: none;
border-radius: 4px;
color: #fff;
font-size: 14px;
line-height: 30px;
text-align: center;
}
.N-theme {
position: relative;
padding: 50px 50px 50px 150px;
background-color: #fff;
}
.N-theme .Ntheme {
position: absolute;
left: 25px;
top: 10px;
width: 38px;
padding: 6px 0;
border: 1px solid #acb1b4;
text-align: center;
font-family: "SimSun";
font-size: 24px;
color: #333;
}
.N-theme .Ntheme strong {
display: block;
color: #acb1b4;
font-family: "microsoft yahei";
}
.N-theme .floatL {
float: left;
width: 645px;
}
.N-theme .NthemeWrap {
position: relative;
padding-left: 120px;
padding-bottom: 20px;
border-bottom: 1px solid #f6f6f6;
}
.N-theme .activtypic {
position: absolute;
left: 0;
top: 0;
width: 108px;
height: 70px;
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.N-theme .activtypic img {
width: 100%;
height: 100%;
border-radius: 3px;
}
.N-theme h1 {
width: 100%;
min-height: 72px;
line-height: 36px;
font-size: 30px;
font-weight: 600;
letter-spacing: 4px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.N-theme h1:hover {
color: #f66;
}
.N-theme p {
height: 48px;
padding-top: 15px;
line-height: 24px;
font-size: 14px;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.N-theme .floatR {
float: right;
width: 290px;
}
.N-theme .Tmsg {
position: relative;
padding-left: 26px;
height: 33px;
line-height: 33px;
font-size: 14px;
color: #999;
}
.N-theme .Reading {
background: url(../img/theme.png) no-repeat 0 11px;
}
.N-theme .RelatedInfo {
background: url(../img/theme.png) no-repeat 0 -22px;
}
.N-theme .followWith {
background: url(../img/theme.png) no-repeat 0 -55px;
}
.N-theme .followWith em {
float: left;
margin-right: 27px;
}
.N-theme .followWith a {
float: left;
width: 20px;
height: 20px;
margin: 5px 3px 0 -12px;
border: 1px solid #eee;
border-radius: 50%;
overflow: hidden;
}
.N-theme .followWith a img {
width: 100%;
border-radius: 50%;
vertical-align: top;
}
.N-theme .followWith .moregz {
text-align: center;
line-height: 22px;
background-color: #eee;
}
.N-theme .addgz {
margin-top: 20px;
}
.N-theme .addgz a {
display: block;
width: 120px;
height: 35px;
line-height: 35px;
background-color: #f66;
border-radius: 3px;
text-align: center;
font-size: 16px;
color: #fff;
}
.N-theme .alreadygz {
margin-top: 20px;
}
.N-theme .alreadygz a {
display: block;
width: 118px;
height: 34px;
line-height: 34px;
border: 1px solid #eee;
background-color: #fff;
border-radius: 3px;
text-align: center;
font-size: 16px;
color: #999;
}
.N-mainL {
position: relative;
float: left;
width: 690px;
padding: 0 30px 40px 100px;
background-color: #fff;
margin-bottom: 80px;
}
.N-mainL .N-share {
position: absolute;
left: 30px;
top: 40px;
width: 40px;
}
.N-mainL .N-share span {
display: block;
line-height: 12px;
margin-bottom: 20px;
font-size: 12px;
color: #999;
}
.N-mainL .N-share a {
display: block;
height: 40px;
margin-bottom: 20px;
}
.N-mainL .N-share .wx {
background: url(../img/atc1.jpg) no-repeat;
}
.N-mainL .N-share .wb {
background: url(../img/atc1.jpg) no-repeat 0 -60px;
}
.N-mainL .N-share .qq {
background: url(../img/atc1.jpg) no-repeat 0 -241px;
}
.Nwrap {
width: 100%;
}
.Nwrap li {
position: relative;
padding: 30px 0;
border-bottom: 1px solid #eee;
}
.Nwrap li:hover .sharepic {
opacity: 1;
}
.Nwrap .qyhfa {
line-height: 30px;
margin-bottom: 10px;
}
.Nwrap .qyhfa img {
width: 28px;
height: 28px;
border: 1px solid #eee;
}
.Nwrap .qyhfa span {
display: inline-block;
padding-left: 10px;
}
.Nwrap h2 {
font-size: 24px;
padding-bottom: 15px;
line-height: 30px;
}
.Nwrap h2:hover {
color: #f66;
}
.Nwrap p {
width: 100%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
color: #666;
margin-bottom: 10px;
height: 40px;
line-height: 20px;
}
.Nwrap time {
position: relative;
float: left;
padding-left: 30px;
margin-right: 40px;
color: #999;
}
.Nwrap time:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 17px;
height: 17px;
background: url(../img/atc2.png) no-repeat;
background-position: -174px 0;
}
.Nwrap em {
position: relative;
float: left;
padding-left: 26px;
color: #999;
}
.Nwrap em:before {
position: absolute;
left: 0;
top: 7px;
content: '';
width: 16px;
height: 12px;
background: url(../img/theme.png) no-repeat;
}
.Nwrap .sign {
padding-top: 5px;
padding-left: 30px;
background: url(../img/pguan.png) no-repeat 0 10px;
color: #999;
}
.Nwrap .sign a {
color: #999;
margin-right: 10px;
}
.Nwrap .sharepic {
position: absolute;
right: 15px;
bottom: 30px;
width: 30px;
height: 30px;
background: url(../img/atc2.png) no-repeat;
background-position: -32px 0;
opacity: 0;
}
.Nwrap .sharepic:hover .wrapSharer {
display: block;
}
.Nwrap .wrapSharer {
position: absolute;
right: -45px;
bottom: 0;
width: 208px;
padding-bottom: 40px;
display: none;
}
.Nwrap .sharerWrap {
padding: 18px 0 18px 18px;
border: 1px solid #ff636b;
position: relative;
border-radius: 4px;
height: 40px;
background: #fff;
}
.Nwrap .sharerWrap a {
display: inline-block;
width: 40px;
height: 40px;
margin: 0;
margin-right: 19px;
border-radius: 50%;
background: url(../img/atc1.jpg) no-repeat;
}
.Nwrap .sharerWrap .wb {
background-position-y: -60px;
}
.Nwrap .sharerWrap .qq {
background-position-y: -241px;
}
.Nwrap .sharerWrap:before {
position: absolute;
right: 60px;
bottom: -6px;
content: '';
width: 8px;
height: 8px;
background-color: #fff;
border-left: 1px solid #f66;
border-bottom: 1px solid #f66;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.N-mainR {
float: right;
width: 320px;
padding: 20px;
background-color: #fff;
}
.N-mainR h5 {
height: 16px;
line-height: 16px;
padding-left: 10px;
margin: 20px 0;
border-left: 5px solid #f66;
font-size: 15px;
font-weight: 600;
}
.N-mainR h5 em {
display: inline-block;
margin-left: 15px;
}
.commentbox {
position: relative;
padding: 13px 0 15px 46px;
}
.commentren {
position: absolute;
left: 0;
top: 13px;
}
.commentren dt {
width: 30px;
height: 30px;
margin-bottom: 6px;
border: 1px solid #eee;
border-radius: 50%;
overflow: hidden;
}
.commentren dt img {
width: 100%;
border: none;
}
.commentren dd {
width: 40px;
line-height: 16px;
height: 32px;
margin-left: -4px;
font-size: 12px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.commentrent {
position: absolute;
left: 0;
top: 22px;
}
.commentrent img {
width: 30px;
height: 30px;
border: 1px solid #eee;
border-radius: 50%;
overflow: hidden;
}
.commentNqu {
padding-bottom: 15px;
}
.commentNqu textarea {
width: 243px;
padding: 8px 15px;
height: 68px;
margin-bottom: 13px;
line-height: 16px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 12px;
resize: none;
}
.commentNqu button {
width: 68px;
height: 25px;
background-color: #f66;
border-radius: 3px;
color: #fff;
}
.commentNqu .A_share {
float: right;
}
.commentNqu .A_share span {
float: left;
width: auto;
height: auto;
position: static;
}
.commentNqu .A_share a {
float: left;
width: 24px;
height: 24px;
border-radius: 50%;
margin-left: 10px;
overflow: hidden;
}
.commentNqu .A_share .wb:hover {
background-position: 0 0;
}
.commentNqu .A_share .wx:hover {
background-position: 0 0;
}
.commentNqu .A_share .click {
background-position: 0 0;
}
.Ntheof {
position: relative;
padding: 22px 0 0 45px;
}
.Ntheof:nth-last-child(2) .Nthetext {
border-bottom: none;
}
.Nthetext {
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.Nthetext h6 {
margin-bottom: 10px;
line-height: 20px;
color: #336;
}
.Nthetext h6 em {
color: #333;
margin-right: 5px;
font-weight: 600;
}
.Nthetext .dot {
width: 100%;
max-height: 60px;
line-height: 20px;
word-break: break-word;
color: #666;
overflow: hidden;
}
.Nthetext .hfcomment {
width: auto;
padding: 5px;
margin-top: 10px;
color: #f66;
background-color: #eee;
border-radius: 3px;
}
.Nthetext .hfcomment > span {
float: left;
width: 60px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-right: 5px;
}
.Nthetext .toggle {
float: right;
width: 48px;
height: 18px;
line-height: 18px;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 12px;
}
.Nthetext .toggle span {
position: relative;
display: inline-block;
margin: 0;
padding: 0 17px 0 5px;
color: #999;
}
.Nthetext .toggle .close {
display: none;
}
.Nthetext .open:after {
position: absolute;
right: 5px;
top: 3px;
content: '';
width: 6px;
height: 6px;
border: 1px solid transparent;
border-left-color: #999;
border-bottom-color: #999;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.Nthetext .close:after {
position: absolute;
right: 5px;
top: 8px;
content: '';
width: 6px;
height: 6px;
border: 1px solid transparent;
border-left-color: #999;
border-top-color: #999;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.Nthetext .opened {
max-height: none;
height: auto;
}
.Nthetext .opened .close {
display: inline-block;
left: 0;
top: 0;
width: auto;
height: auto;
background: none;
}
.Nthetext .opened .open {
display: none;
}
.Nbot {
height: 36px;
line-height: 36px;
color: #666;
}
.Nbot .dz {
float: right;
margin-right: 20px;
}
.Nbot .dz em {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 6px;
background: url(../img/C_creating.png) no-repeat 0 -13px;
margin-bottom: -2px;
}
.Nbot .dz:hover {
color: #f66;
}
.Nbot .dz:hover em {
background-position-x: -28px;
}
.Nbot .hfpl {
float: right;
}
.Nbot .hfpl em {
display: inline-block;
width: 16px;
height: 15px;
margin-right: 6px;
background: url(../img/atc2.png) no-repeat -402px 0;
vertical-align: middle;
}
.Nbot .hfpl:hover {
color: #f66;
}
.Nbot .hfpl:hover em {
background-position-x: -122px;
}
.Nbot .ydz {
color: #f66;
}
.Nbot .ydz em {
background-position-x: -28px;
}
.Nretus {
display: none;
}
.Nretus textarea {
width: 200px;
padding: 5px 10px;
line-height: 16px;
font-size: 12px;
border-radius: 3px;
resize: none;
}
.Nretus button {
float: right;
width: 40px;
height: 24px;
margin-top: 10px;
background-color: #f66;
font-size: 12px;
color: #fff;
line-height: 24px;
border-radius: 3px;
}
.Cngbox {
width: 265px;
float: left;
padding: 4px;
border: 3px solid #eee;
margin-right: 20px;
}
.Cngbox .Cngyl {
margin-bottom: 0;
padding: 50px 20px 10px;
position: relative;
}
.Cngbox .Cngyl h6 {
color: #999;
height: 42px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Cngbox .Cngyl h2 {
height: 100px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.Cngbox .Cngyl h4 {
text-align: center;
position: absolute;
width: 100%;
top: 15px;
left: 0;
}
.Cngbox .Cngyl h4 span {
display: inline-block;
height: 14px;
line-height: 14px;
padding: 0 10px;
border-left: 4px solid #ccc;
border-right: 4px solid #ccc;
color: #666;
}
.Cnclic {
width: 90px;
margin: 0;
float: right;
position: relative;
border-right: none;
}
.Cnclic .Cnmore {
height: 303px;
border: 1px solid #eee;
border-right: 0;
}
.Cnclic .Cnmore div {
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border: 1px solid #999;
color: #666;
border-radius: 50%;
margin: 125px auto 0;
}
.Cnclic .Cnmore p {
text-align: center;
color: #999;
line-height: 30px;
}
.Cnclic .gsmh {
position: absolute;
width: 5px;
height: 300px;
background: #fff;
right: 0;
top: -4px;
-webkit-filter: blur(10px);
/* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
}
.Wzlbs {
margin: 15px 0;
position: relative;
padding-left: 100px;
min-height: 55px;
}
.Wzlbs dt {
position: absolute;
left: 0;
border-radius: 3px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 1px 1px 0;
}
.Wzlbs dt div {
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0 1px 1px 0;
position: relative;
}
.Wzlbs dt img {
display: block;
width: 85px;
height: 52px;
}
.Wzlbs dt span {
position: absolute;
right: 0;
bottom: 0;
font-size: 12px;
letter-spacing: 0;
color: #fff;
padding: 0 5px;
height: 16px;
line-height: 16px;
background: rgba(0, 0, 0, 0.3);
border-radius: 2px;
}
.Wzlbs dd h3 {
line-height: 16px;
max-height: 32px;
overflow: hidden;
}
.Wzlbs dd h4 {
line-height: 14px;
font-size: 12px;
color: #999;
padding-top: 5px;
overflow: hidden;
}
.Wzlbs dd h4 em {
float: left;
width: 20px;
height: 15px;
background: url(../img/atc2.png) no-repeat -286px 1px;
margin-right: 5px;
}
.Xguser {
background: #fff;
border-radius: 3px;
padding: 30px 40px;
margin-top: 20px;
overflow: hidden;
}
.Xguser .xiangg {
font-size: 16px;
height: 16px;
line-height: 16px;
border-left: 4px solid #f66;
padding-left: 10px;
font-weight: bold;
}
.Xguser .xiangg span {
color: #f66;
padding: 0 5px;
}
.Uslibox {
width: 1152px;
padding: 30px 0 10px 0;
border-bottom: 1px solid #ccc;
}
.Uslign {
width: 60px;
float: left;
margin: 0 36px 15px 0;
}
.Uslign dt {
width: 60px;
height: 60px;
border-radius: 50%;
}
.Uslign dt img {
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
}
.Uslign dd {
height: 32px;
font-size: 14px;
line-height: 16px;
padding-top: 10px;
text-align: center;
overflow: hidden;
}
.Compbox {
padding: 30px;
border-radius: 3px;
background: #fff;
}
.Compbox dl {
padding: 0 0 0 150px;
position: relative;
}
.Compbox dl dt {
position: absolute;
left: 0;
top: 0;
}
.Compbox dl dt img {
display: block;
width: 130px;
height: 130px;
}
.Compbox dl dd {
padding-right: 195px;
}
.Compbox dl dd h1 {
font-size: 24px;
line-height: 44px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Compbox dl dd h2 {
line-height: 24px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Compbox dl dd p {
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Compbox dl dd p em {
color: #f66;
margin-right: 20px;
}
.Compbox dl dd span {
position: absolute;
display: block;
width: 120px;
height: 36px;
line-height: 36px;
text-align: center;
border-radius: 3px;
background: #f66;
right: 0;
top: 40px;
color: #fff;
cursor: pointer;
}
.Compbox dl dd .hasy {
background: #ccc;
color: #999;
}
.niudlnew dd .sanzy {
overflow: hidden;
}
.niudlnew dd .sanzy a {
float: left;
max-width: 110px;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 5px;
}
.niudlnew dd .sanzy i {
float: left;
width: 42px;
font-style: normal;
font-size: 12px;
background: #ff9934;
border-radius: 2px;
line-height: 16px;
text-align: center;
color: #fff;
position: relative;
top: 5px;
}
.niudlnew .newdxzj {
clear: both;
color: #999;
font-size: 14px;
display: none;
}
.niudlnew .newdxzj em {
color: #666;
}
.niudlnew .newdxzj h4 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.TabTitle h1 {
line-height: 16px;
font-size: 16px;
color: #333;
font-weight: 600;
}
.margin-bot-80 {
margin-bottom: 80px;
}
.hdlist {
padding-top: 20px;
/*2018-01-25*/
}
.hdlist li {
margin-bottom: 15px;
}
.hdlist li:hover .hdhead {
border-color: #eee;
}
.hdlist .cancelhd2 {
background: url(../img/cancelhd2.png) no-repeat 415px 50px;
}
.hdhead {
height: 29px;
line-height: 29px;
padding: 0 20px 0 15px;
border: 1px solid transparent;
border-bottom: none;
background-color: #f8f8f8;
}
.hdhead span,
.hdhead time {
float: left;
font-size: 12px;
color: #666;
}
.hdhead em,
.hdhead a {
float: right;
font-size: 12px;
color: #999;
}
.hdhead a {
height: 18px;
line-height: 18px;
padding: 0 6px;
margin-top: 4px;
margin-right: 20px;
border: 1px solid #ccc;
border-radius: 3px;
color: #f66;
}
.hdcontent {
padding: 18px 0;
border: 1px solid #eee;
border-top: none;
}
.hdcontainer {
position: relative;
float: left;
width: 354px;
min-height: 70px;
padding: 0 15px 0 142px;
}
.hdcontainer h2 {
width: 100%;
margin-bottom: 4px;
line-height: 18px;
font-size: 14px;
}
.hdcontainer .time {
position: relative;
padding-left: 20px;
}
.hdcontainer .time:before {
position: absolute;
left: 0;
top: 4px;
content: '';
width: 12px;
height: 12px;
background: url(../img/time.png) no-repeat;
}
.hdcontainer .address {
position: relative;
padding-left: 20px;
line-height: 20px;
font-size: 12px;
color: #666;
}
.hdcontainer .address:before {
position: absolute;
left: 0;
top: 3px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -4px 0;
}
.hdcontacts {
float: right;
width: 226px;
padding: 0 20px;
border-left: 1px dashed #eee;
}
.hdcontacts div {
position: relative;
padding-left: 28px;
line-height: 20px;
font-size: 12px;
color: #666;
}
.hdcontacts .hdlxr:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 10px;
height: 12px;
background: url(../img/hdcontacts.png) no-repeat;
}
.hdcontacts .hdtel:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 13px;
height: 12px;
background: url(../img/hdcontacts.png) no-repeat 0 -22px;
}
.hdcontacts .hdgs:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 11px;
height: 11px;
background: url(../img/hdcontacts.png) no-repeat 0 -44px;
}
.hdcontacts .hdpj:before {
position: absolute;
left: 0;
top: 5px;
content: '';
width: 13px;
height: 9px;
background: url(../img/hdcontacts.png) no-repeat 0 -70px;
}
.padding-left-15 {
padding-left: 15px;
width: 480px;
}
.hdpic {
position: absolute;
left: 15px;
top: 0;
width: 110px;
height: 70px;
border: 1px solid #eee;
border-radius: 3px;
overflow: hidden;
}
.hdpic img {
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}
.hdpic:hover img {
transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
}
.box {
position: absolute;
left: 50%;
top: 50%;
width: 496px;
padding: 40px;
margin-left: -288px;
margin-top: -300px;
background-color: #fff;
border-radius: 5px;
z-index: 500;
display: none;
}
.box h3 {
margin-bottom: 25px;
line-height: 24px;
font-size: 24px;
text-align: center;
letter-spacing: 2px;
}
.tchuanghd {
margin-bottom: 20px;
}
.tchuanghd .outerFrame {
position: relative;
width: 352px;
min-height: 82px;
padding-left: 144px;
}
.tchuanghd .hdpic {
left: 0;
width: 128px;
height: 80px;
}
.tchuanghd h2 {
width: 100%;
margin-bottom: 4px;
font-size: 16px;
}
.tchuanghd h2 a {
display: block;
width: 100%;
height: 24px;
line-height: 24px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tchuanghd .time {
position: relative;
height: auto;
padding-left: 20px;
line-height: 22px;
}
.tchuanghd .time:before {
position: absolute;
left: 0;
top: 4px;
content: '';
width: 12px;
height: 12px;
background: url(../img/time.png) no-repeat;
}
.tchuanghd .address {
position: relative;
padding-left: 20px;
font-size: 12px;
color: #666;
line-height: 22px;
}
.tchuanghd .address:before {
position: absolute;
left: 0;
top: 3px;
content: '';
width: 12px;
height: 14px;
background: url(../img/cdsc.png) no-repeat -4px 0;
}
.signUpMsg {
width: 100%;
}
.signUpMsg input {
float: left;
width: 100%;
height: 36px;
border: none;
background-color: #fff;
}
.signUpMsg ul li {
float: left;
width: 50%;
margin-bottom: 10px;
overflow: hidden;
}
.signUpMsg .name:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 36px;
height: 36px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px 9px;
}
.signUpMsg .tel:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 36px;
height: 36px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -36px;
}
.signUpMsg .Code1:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 36px;
height: 36px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -174px;
}
.signUpMsg .gsname:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 36px;
height: 36px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -82px;
}
.signUpMsg .job:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 36px;
height: 36px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -128px;
}
.signUpMsg .wxname:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 36px;
height: 36px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -216px;
}
.submit {
height: 36px;
margin: 0 auto;
line-height: 36px;
text-align: center;
}
.submit input[type=submit] {
float: none;
width: auto;
padding: 0 30px;
height: 100%;
margin: 0 auto;
border: none;
border-radius: 3px;
text-indent: 0;
background-color: #f66;
color: #fff;
cursor: pointer;
letter-spacing: 1px;
}
.msgTicket {
float: left;
position: relative;
width: 180px;
padding-left: 46px;
padding-right: 10px;
border: 1px solid #e8e8e8;
border-radius: 3px;
background-color: #fff;
z-index: 1;
}
.msgTicket2 {
float: left;
position: relative;
width: 190px;
padding-left: 46px;
padding-right: 10px;
border: 1px solid #e8e8e8;
background-color: #fff;
border-radius: 3px;
overflow: hidden;
z-index: 1;
}
.msgTicket2 .l-captcha {
height: 36px;
}
.Code0 {
position: relative;
width: 246px;
height: 36px;
line-height: 36px;
border: 1px solid #e8e8e8;
border-radius: 3px;
overflow: hidden;
}
.getCode {
position: absolute;
right: 0;
top: 7px;
padding: 0 10px;
height: 22px;
line-height: 22px;
border-left: 1px solid #eee;
cursor: pointer;
}
.hdTicketType {
margin-bottom: 20px;
}
.hdTicketType h4 {
height: 34px;
line-height: 34px;
color: #7a7a7a;
}
.ticketList {
padding: 6px 0 20px;
border-bottom: 1px dashed #eee;
}
.ticketList .prev {
position: static;
float: left;
width: 12px;
height: 78px;
margin-right: 11px;
margin-top: 0;
background-image: none;
}
.ticketList .prev a {
display: block;
height: 100%;
background: url(../img/prve-next.png) no-repeat 0 27px;
background-size: 100%;
}
.ticketList .next {
position: static;
float: left;
width: 12px;
height: 78px;
margin-left: 11px;
margin-top: 0;
background-image: none;
}
.ticketList .next a {
display: block;
height: 100%;
background: url(../img/prve-next.png) no-repeat 0 -50px;
background-size: 100%;
}
.ticketbox {
float: left;
width: 450px;
overflow: hidden;
}
.adminTicket {
float: left;
margin-right: 1px;
}
.checked {
position: absolute;
display: none;
}
.checked + label {
display: block;
width: 93px;
padding: 5px 5px 3px;
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
}
.checked + label span {
width: 100%;
line-height: 24px;
display: block;
text-align: center;
color: #333;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.checked + label em {
width: 100%;
line-height: 22px;
display: block;
text-align: center;
font-size: 12px;
color: #ccc;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.checked:checked + label {
border-color: #f66;
}
.checked:checked + label span,
.checked:checked + label em {
color: #f66;
}
.zhifu {
height: 20px;
line-height: 20px;
margin-bottom: 20px;
}
.zhifu p {
float: left;
color: #7a7a7a;
}
.zhifu div {
float: left;
margin-left: 40px;
font-size: 12px;
color: #333;
letter-spacing: 0;
}
.payment {
position: absolute;
display: none;
}
.payment + label {
position: relative;
display: block;
cursor: pointer;
vertical-align: middle;
padding-left: 50px;
}
.payment + label:before {
position: absolute;
left: 0;
top: 3px;
content: '';
width: 12px;
height: 12px;
border: 1px solid #eee;
border-radius: 50%;
}
.payment + label:after {
position: absolute;
display: none;
left: 5px;
top: 8px;
content: '';
width: 4px;
height: 4px;
background-color: #f66;
border-radius: 50%;
}
.payment:checked + label:after {
display: block;
}
.weChat {
background: url(../img/zhifufangshi.png) no-repeat 20px 0;
}
.alipay {
background: url(../img/zhifufangshi.png) no-repeat 20px -47px;
}
.balance {
background: url(../img/zhifufangshi.png) no-repeat 20px -109px;
}
.width-100 {
width: 100%;
}
.width-100 ol {
width: 520px;
padding: 0 1px;
}
.width-100 .adminTicket {
margin-right: 25px;
}
.signUpFail {
width: 100%;
padding: 10px 0 20px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
background-color: #f8f8f8;
text-align: center;
}
.signUpFail h4 {
width: 270px;
height: 60px;
line-height: 60px;
margin: 0 auto;
border-bottom: 1px dashed #ccc;
font-size: 24px;
font-weight: bold;
}
.signUpFail h4 span {
display: inline-block;
width: 33px;
height: 33px;
margin-right: 15px;
background: url(../img/cgsb.png) no-repeat -5px 0;
vertical-align: middle;
margin-top: -6px;
}
.signUpFail p {
line-height: 46px;
font-size: 16px;
}
.order {
padding-bottom: 7px;
border-bottom: 1px solid #eee;
margin-bottom: 15px;
}
.order h5 {
height: 36px;
line-height: 36px;
font-size: 16px;
color: #666;
}
.detail {
height: 25px;
line-height: 25px;
color: #666;
}
.detail span {
position: relative;
float: left;
padding-left: 27px;
}
.detail span:before {
position: absolute;
left: 4px;
content: '';
}
.detail em {
float: right;
max-width: 92px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.detail .lanxr {
margin-right: 20px;
}
.detail .lanxr:before {
top: 5px;
width: 14px;
height: 15px;
background: url(../img/hdxq10.png) no-repeat;
background-size: 100%;
}
.detail .lanxdh:before {
top: 5px;
width: 14px;
height: 15px;
background: url(../img/hdxq10.png) no-repeat 0 -60px;
background-size: 100%;
}
.detail .huodgs {
max-width: 345px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.detail .huodgs:before {
top: 5px;
width: 14px;
height: 15px;
background: url(../img/hdxq10.png) no-repeat 0 -30px;
background-size: 100%;
}
.padbotbor {
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.signUpSuccess {
width: 100%;
padding: 10px 0 20px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
background-color: #f8f8f8;
text-align: center;
}
.signUpSuccess h4 {
width: 270px;
height: 60px;
line-height: 60px;
margin: 0 auto;
border-bottom: 1px dashed #ccc;
font-size: 24px;
font-weight: bold;
}
.signUpSuccess h4 span {
display: inline-block;
width: 33px;
height: 33px;
margin-right: 15px;
background: url(../img/cgsb.png) no-repeat -6px -60px;
vertical-align: middle;
margin-top: -5px;
}
.signUpSuccess p {
line-height: 46px;
font-size: 16px;
}
.campaign {
position: relative;
padding: 25px 20px 18px 83px;
background-color: #f8f8f8;
border-radius: 5px;
}
.campaign:before {
position: absolute;
left: 20px;
top: 51px;
content: '';
width: 43px;
height: 42px;
background: url(../img/cgsb.png) no-repeat 0 -180px;
}
.campaign h6 {
width: 100%;
line-height: 24px;
margin-bottom: 5px;
font-size: 16px;
letter-spacing: 0;
}
.campaign p {
position: relative;
height: 28px;
padding-left: 32px;
line-height: 28px;
}
.campaign p:before {
position: absolute;
left: 0;
top: 8px;
content: "";
width: 17px;
height: 12px;
background: url(../img/hdcontacts.png) no-repeat 0 -91px;
background-size: 100%;
}
.campaign div {
height: 26px;
line-height: 26px;
font-size: 12px;
color: #f66;
letter-spacing: 0;
}
.campaign span {
float: left;
}
.campaign em {
float: right;
}
.fumoney {
height: 58px;
line-height: 50px;
text-align: right;
}
.fumoney i {
display: inline-block;
width: 20px;
height: 20px;
margin-top: -2px;
margin-right: 10px;
background: url(../img/zhifufangshi.png) no-repeat;
vertical-align: middle;
}
.fumoney span {
font-size: 12px;
color: #666;
}
.fumoney em {
padding: 0 5px;
font-size: 24px;
color: #f66;
}
.wxfukuan {
margin-bottom: 20px;
}
.wxfukuan .picture {
float: left;
width: 50%;
text-align: center;
}
.wxfukuan .picture img {
width: 118px;
margin: 0 auto;
}
.wxfukuan .wxerwma {
float: left;
width: 50%;
}
.wxfukuan .ewmpicture {
float: left;
padding: 10px;
border: 1px solid #dfdfdf;
border-radius: 3px 3px 0 0;
background-color: #fff;
}
.wxfukuan .ewmpicture img {
width: 140px;
height: 140px;
}
.wxfukuan .saoewm {
position: relative;
float: left;
width: 30px;
height: 105px;
line-height: 15px;
padding: 46px 12px 9px;
margin-left: -1px;
border: 1px solid #dfdfdf;
border-radius: 0 3px 3px 0;
font-size: 12px;
color: #666;
writing-mode: vertical-lr;
writing-mode: tb-lr;
}
.wxfukuan .saoewm:before {
position: absolute;
left: 15px;
top: 10px;
content: '';
width: 26px;
height: 26px;
background: url(../img/cgsb.png) no-repeat -9px -120px;
}
.wxfukuan .problem {
height: 36px;
line-height: 18px;
text-align: center;
color: #666;
}
.wxfukuan .problem span {
display: block;
width: 100%;
font-size: 12px;
}
.wxfukuan .problem a {
display: block;
font-size: 12px;
color: #f66;
text-decoration: underline;
}
@media screen and (max-height: 720px) {
.box {
top: 60%;
padding: 20px;
}
.box h3 {
margin-bottom: 10px;
}
.tchuanghd {
margin-bottom: 10px;
}
.signUpMsg input {
height: 28px !important;
}
.Code0 {
height: 28px;
}
.signUpMsg .name:before {
height: 28px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px 4px;
}
.signUpMsg .tel:before {
height: 28px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -40px;
}
.signUpMsg .Code1:before {
height: 28px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -178px;
}
.signUpMsg .gsname:before {
height: 28px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -88px;
}
.signUpMsg .job:before {
height: 28px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -132px;
}
.signUpMsg .wxname:before {
height: 28px;
background: #eeeeee url(../img/hdbaoming.png) no-repeat 6px -219px;
}
.hdTicketType {
margin-bottom: 10px;
}
.zhifu {
margin-bottom: 10px;
}
.ticketList {
padding-bottom: 10px;
}
}
/* 娲诲姩鐜板満鍥剧墖寮瑰嚭灞 */
.maskBack {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10000;
}
.maskBack .close {
position: absolute;
right: 20px;
top: 10px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 60px;
color: #fff;
font-weight: 100;
cursor: pointer;
background: none;
}
.pc-slide {
position: absolute;
left: 50%;
top: 50%;
width: 620px;
height: 510px;
margin: -255px 0 0 -310px;
}
.pc-slide .swiper-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate3d(0px, 0, 0);
-o-transition-timing-function: ease;
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0px, 0, 0);
-ms-transition-timing-function: ease;
transition-property: transform, left, top;
transition-duration: 0s;
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.pc-slide .swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background-color: #424242;
}
.pc-slide .swiper-slide div {
width: 620px;
height: 385px;
line-height: 385px;
text-align: center;
}
.pc-slide .swiper-slide div img {
max-width: 100%;
max-height: 100%;
margin: 0 auto;
}
.pc-slide .swiper-slide p {
height: 45px;
padding: 0 20px;
line-height: 45px;
background-color: #333;
font-size: 14px;
color: #fff;
}
.pc-slide .swiper-slide p span {
float: left;
width: 500px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.pc-slide .swiper-slide p strong {
float: right;
width: 80px;
height: 45px;
line-height: 45px;
font-size: 24px;
font-weight: 100;
text-align: right;
}
.pc-slide .swiper-slide p strong em {
font-size: 16px;
color: #f66;
}
.view {
position: relative;
height: 430px;
margin-bottom: 15px;
}
.view .swiper-container {
position: relative;
width: 620px;
height: 430px;
margin: 0 auto;
overflow: hidden;
}
.view .arrow-left {
position: absolute;
left: -56px;
top: 200px;
width: 16px;
height: 30px;
background: url(../img/left-and-right.png) no-repeat;
cursor: pointer;
}
.view .arrow-right {
position: absolute;
right: -56px;
top: 200px;
width: 16px;
height: 30px;
background: url(../img/left-and-right.png) no-repeat 0 -80px;
cursor: pointer;
}
.preview {
position: relative;
width: 620px;
margin: 0 auto;
text-align: center;
}
.preview .swiper-container {
position: relative;
min-width: 450px;
height: 65px;
line-height: 65px;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.preview .swiper-slide {
position: relative;
width: 90px;
height: 65px;
text-align: center;
}
.preview .swiper-slide:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.preview .swiper-slide img {
max-width: 100%;
max-height: 100%;
}
.preview .active-nav:before {
position: absolute;
left: 0;
top: 0;
content: '';
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
}
.Fvtindbox {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 2000;
}
.Fvtbox {
width: 650px;
position: fixed;
top: 20%;
left: 50%;
margin-left: -325px;
background: #fff;
border-radius: 3px;
padding: 30px 0;
}
.Fvtbox .Fvcuo {
float: right;
font-size: 30px;
position: absolute;
right: 20px;
top: 10px;
color: #999;
}
.Fvlists {
padding: 0 50px;
max-height: 350px;
overflow: auto;
}
.Fvlists::-webkit-scrollbar {
width: 5px;
}
.Fvlists::-webkit-scrollbar-thumb {
background-color: #ccc;
/*婊戝姩鏉¤〃闈?/
border-radius: 4px;
/*婊戝姩鏉″渾瑙掑搴?/
}
.Fvlists h1 {
font-size: 18px;
line-height: 35px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Fvlists h1 span {
font-weight: bold;
margin-right: 25px;
}
.Fvlists h1:hover {
color: #f66;
}
.Fvtmdxq {
width: 590px;
margin-left: -295px;
}
.Fvxqbox h1 {
text-align: center;
font-size: 22px;
font-weight: bold;
line-height: 55px;
max-width: 80%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 auto;
}
.Fvxqbox .Fvtpcg {
font-size: 30px;
width: 530px;
margin: 0 auto;
border-bottom: 1px dashed #ccc;
}
.Fvxqbox .Fvtpcg span {
padding-left: 50px;
position: relative;
}
.Fvxqbox .Fvtpcg span:after {
content: '';
display: block;
width: 34px;
height: 34px;
position: absolute;
left: 0;
top: 4px;
background: url(../img/yes.png) no-repeat;
background-size: 100% 100%;
}
.Fvxqbox .Fvyqhy {
overflow: hidden;
text-align: center;
font-size: 18px;
position: relative;
top: 5px;
}
.Fvxqbox .Fvyqhy h2 {
display: inline-block;
margin-left: 20px;
}
.Fvxqbox .Fvyqhy h2 a {
display: inline-block;
width: 26px;
height: 27px;
margin-right: 15px;
background: url(../img/atc1.jpg);
background-size: 100%;
position: relative;
top: 7px;
}
.Fvxqbox .Fvyqhy h2 .wb {
background-position: 0 -39px;
}
.Fvxqbox .Fvyqhy h2 .qq {
background-position: 0 -156px;
}
.Fvxqbox .Fvtsms {
width: 490px;
background: #f8f8f8;
border-radius: 3px;
padding: 20px;
margin: 0 auto;
}
.Fvxqbox .Fvtsms h2 {
font-size: 18px;
text-align: center;
}
.Fvxqbox .Fvtsms h2 i {
font-style: normal;
}
.Fvxqbox .Fvtsms h2 input {
display: none;
}
.Fvxqbox .Fvtsms h2 span {
line-height: 30px;
margin-left: 10px;
}
.Fvxqbox .Fvtsms h2 span em {
height: 30px;
display: inline-block;
background: url(../img/Fvsum.png) no-repeat;
background-size: 100% 100%;
width: 22px;
text-align: center;
line-height: 30px;
font-size: 22px;
margin-right: 2px;
color: #f66;
letter-spacing: 0;
font-weight: bold;
}
.Fvxqbox .Fvtsms h3 {
color: #999;
line-height: 18px;
margin-top: 10px;
}
.Fvxqbox .Fvtsms h3 span {
color: #666;
}
.Fvxqbox .Fvptd {
text-align: center;
padding: 20px 0;
}
.Fvxqbox .Fvptd span {
font-size: 18px;
}
.Fvxqbox .Fvptd .Fvng {
font-weight: bold;
}
.Fvxqbox .Fvptd em {
display: inline-block;
background: #999;
color: #fff;
line-height: 38px;
padding: 0 17px 0 20px;
border-radius: 3px 0 0 3px;
position: relative;
font-size: 20px;
margin: 0 30px 0 10px;
}
.Fvxqbox .Fvptd em:after {
content: '';
display: block;
border: 19px solid #fff;
border-left: 15px solid #999;
position: absolute;
right: -34px;
top: 0;
}
.Fvxqbox .Fvptd em:before {
content: '';
display: block;
position: absolute;
right: -2px;
top: 16px;
width: 5px;
height: 5px;
background: #fff;
z-index: 1;
border-radius: 50%;
}
.Fvxqbox .Fvptd a {
color: #f66;
font-size: 22px;
}
.Fvxqbox .Fvred {
text-align: center;
color: #f66;
line-height: 50px;
font-size: 12px;
}
.Fvxqbox .Fvrclick {
display: block;
width: 80px;
height: 30px;
line-height: 30px;
text-align: center;
margin: 0 auto;
border-radius: 3px;
background: #f66;
color: #fff;
}
.Fvindtable {
width: 530px;
margin: 0 auto;
border: 1px solid #ccc;
}
.Fvindtable thead {
border-bottom: 1px solid #ccc;
}
.Fvindtable thead tr {
line-height: 30px;
}
.Fvindtable thead tr th:first-child {
width: 120px;
}
.Fvindtable tbody {
margin: 10px 0;
}
.Fvindtable td {
text-align: center;
line-height: 24px;
font-size: 12px;
color: #999;
}
.Fvothers {
width: 530px;
margin: 0 auto;
}
.Fvothers h2 {
text-align: center;
font-size: 16px;
padding: 10px 0 5px 0;
}
.Fvothers h3 {
overflow: hidden;
}
.Fvothers h3 em {
float: left;
padding: 0 25px;
}
.Fvothers h4 {
font-size: 12px;
text-align: center;
color: #f66;
}
.Fvjxtit {
font-size: 24px;
text-align: center;
}
.Fvjxtit span {
font-weight: bold;
}
.Fvjxtit em {
display: inline-block;
border-radius: 3px 0 0 3px;
line-height: 34px;
padding: 0 10px 0 20px;
font-size: 18px;
background: #999;
color: #fff;
position: relative;
margin-right: 30px;
}
.Fvjxtit em:after {
content: '';
display: block;
border: 17px solid #fff;
border-left: 15px solid #999;
position: absolute;
right: -32px;
top: 0;
}
.Fvjxtit em:before {
content: '';
display: block;
position: absolute;
right: -2px;
top: 15px;
width: 5px;
height: 5px;
background: #fff;
z-index: 1;
border-radius: 50%;
}
.Fvmste {
width: 570px;
margin: 0 auto;
line-height: 24px;
color: #999;
padding-top: 10px;
}
.Fvmste span {
color: #333;
}
.Fvmdpjs {
width: 570px;
background: #f8f8f8;
border-radius: 3px;
margin: 10px auto 0;
}
.Fvmdpjs h2 {
text-align: center;
font-size: 18px;
line-height: 40px;
padding-top: 10px;
}
.Fvmdpjs .Fvpfdbox {
overflow: hidden;
padding: 0 0 20px 0;
}
.Fvmdpjs .Fvpfd {
float: left;
width: 48%;
}
.Fvmdpjs .Fvpfd span {
float: left;
color: #999;
margin: 0 15px 0 43px;
}
.Fvmdpjs .Fvpfd div {
position: relative;
top: -3px;
}
@media screen and (max-width: 1440px) {
.Fvtbox {
top: 10%;
}
.Fvtmdxq {
top: 1%;
}
.Fvtmdxq2 {
top: 5%;
}
}
.Fvzccity {
overflow: hidden;
padding-right: 20px;
position: relative;
color: #666;
}
.Fvzccity .Fvzcle {
float: left;
border-right: 1px solid #ccc;
margin-right: 15px;
}
.Fvzccity .Fvnewci {
padding: 0 15px;
background: #f1f1f1;
height: 30px;
line-height: 30px;
border-radius: 3px;
float: left;
margin-right: 10px;
}
.Fvzccity .Fvnewci span {
padding-left: 20px;
position: relative;
}
.Fvzccity .Fvnewci span:after {
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url(../img/wzgcicon.png) no-repeat -5px -156px;
left: 0px;
top: 0;
}
.Fvzccity .Fvnesa {
padding: 0 5px;
height: 30px;
line-height: 30px;
border-radius: 3px;
float: left;
margin-right: 10px;
cursor: pointer;
}
.Fvzccity .Fvnesa span {
padding-left: 20px;
position: relative;
}
.Fvzccity .Fvnesa span:after {
content: '';
display: block;
position: absolute;
width: 20px;
height: 20px;
background: url(../img/wzgcicon.png) no-repeat -3px -195px;
left: 0px;
top: 0;
}
.Fvzccity .Fvzcrig {
height: 35px;
}
.Fvzccity .Fvzcrig a {
display: inline-block;
padding: 0 20px;
line-height: 28px;
border-radius: 3px;
border: 1px solid #f1f1f1;
background: #f1f1f1;
margin: 0 5px 10px 0;
}
.Fvzccity .Fvzcrig .Fvayes {
background: #fff;
border: 1px solid #f66;
color: #f66;
}
.Fvzccity .Fvzcjt {
width: 20px;
height: 30px;
background: #f1f1f1;
border-radius: 3px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
}
.Fvzccity .Fvzcjt span {
display: block;
width: 0;
height: 0;
border: 5px solid #f1f1f1;
border-bottom: 5px solid #999;
position: relative;
top: 7px;
left: 5px;
}
.Fvzccity .Fvzcxia span {
border: 5px solid #f1f1f1;
border-top: 5px solid #999;
top: 13px;
}
.Fvrecommend-list li {
padding: 23px 0 23px 0;
}
.Fvrecommend-list li:first-child {
padding-top: 14px;
}
/* zhangjunyao 2018-03-21*/
.linkbtn {
margin-top: 10px;
text-align: center;
}
.fwcp {
margin-top: 24px;
}
.fwcp h3 {
height: 40px;
line-height: 40px;
}
.fwcp h3 em {
position: relative;
float: left;
padding-left: 30px;
font-size: 17px;
font-weight: bold;
z-index: 1;
}
.fwcp h3 em:before {
position: absolute;
left: 0;
top: 6px;
content: '';
width: 21px;
height: 24px;
background: url(../img/fwcp.png) no-repeat;
}
.fwcp .toggle {
float: right;
width: 40px;
height: 20px;
margin-top: 10px;
line-height: 20px;
color: #999;
overflow: hidden;
}
.fwcp .toggle span {
position: relative;
float: left;
width: 100%;
z-index: 1;
}
.fwcp .toggle span:after {
position: absolute;
right: 1px;
content: '';
width: 4px;
height: 4px;
border: 1px solid transparent;
border-left-color: #999;
border-top-color: #999;
transform-origin: center center;
}
.fwcp .toggle .open {
display: block;
}
.fwcp .toggle .open:after {
top: 4px;
transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.fwcp .toggle .retract {
display: none;
}
.fwcp .toggle .retract:after {
top: 8px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.fwcp .opened .open {
display: none;
}
.fwcp .opened .retract {
display: block;
}
.fwcpBox {
max-height: 291px;
overflow: hidden;
}
.fwcpBox li {
margin-top: 10px;
padding: 10px 29px;
border: 1px solid #ccc;
border-radius: 5px;
}
.fwcpBox li h4 {
display: inline-block;
width: 108px;
padding-right: 20px;
font-size: 0;
-webkit-text-size-adjust: none;
}
.fwcpBox li h4 span {
display: table-cell;
height: 54px;
line-height: 24px;
vertical-align: middle;
font-size: 17px;
font-weight: bold;
}
.fwcpBox li p {
display: inline-block;
width: 440px;
padding-right: 20px;
margin-left: -5px;
font-size: 0;
-webkit-text-size-adjust: none;
}
.fwcpBox li p span {
display: table-cell;
height: 54px;
line-height: 18px;
vertical-align: middle;
color: #666;
font-size: 14px;
}
.fwcpBox .fwcpWrap {
display: table-cell;
width: 848px;
min-height: 53px;
line-height: 20px;
vertical-align: middle;
}
.fwcpBox .price-list {
display: inline-block;
width: 194px;
font-size: 0;
-webkit-text-size-adjust: none;
}
.fwcpBox .price-list .price-item {
display: table-cell;
width: 194px;
height: 54px;
line-height: 20px;
vertical-align: middle;
text-align: right;
}
.fwcpBox .price-list .ogprice {
display: inline-block;
width: 50px;
padding-right: 15px;
text-align: center;
font-size: 0;
-webkit-text-size-adjust: none;
}
.fwcpBox .price-list .ogprice em {
display: block;
color: #999;
font-size: 14px;
}
.fwcpBox .price-list .ogprice u {
display: block;
text-decoration: none;
color: #f66;
font-size: 14px;
}
.fwcpBox .price-list .hyprice {
display: inline-block;
min-width: 90px;
max-width: 123px;
text-align: center;
font-size: 0;
-webkit-text-size-adjust: none;
}
.fwcpBox .price-list .hyprice del {
display: block;
color: #999;
font-size: 14px;
}
.fwcpBox .price-list .hyprice i {
display: block;
color: #f66;
font-style: normal;
font-weight: bold;
font-size: 14px;
}
.Hauto {
max-height: none;
height: auto;
}
.Jnrew {
position: relative;
left: -40px;
text-align: center;
color: #fff;
height: 160px;
}
.Jnrew h2 {
position: absolute;
width: 100%;
left: 40px;
top: 45px;
font-size: 32px;
font-weight: bold;
letter-spacing: 10px;
font-family: HuXiaoBoKuHei;
}
.Jnrew h3 {
font-size: 13px;
width: 100%;
position: absolute;
top: 90px;
left: 40px;
letter-spacing: 2px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Seotitn {
font-size: 16px;
font-weight: bold;
position: relative;
padding-left: 12px;
padding: 22px 0 20px 12px;
line-height: 16px;
}
.Seotitn:after {
content: '';
display: block;
width: 4px;
height: 16px;
position: absolute;
left: 0;
top: 22px;
background: #f66;
}
.Seotitn2 {
border-bottom: 1px solid #ccc;
position: relative;
top: 4px;
}
.Seocitys {
overflow: hidden;
}
.Seocitys a {
float: left;
margin-right: 28px;
line-height: 20px;
}
.Seocitys a:hover {
color: #f66;
}
.Seocitys .Seony {
color: #f66;
}
.Seocitys .Seocimore {
float: right;
background: #eeeeee;
border-radius: 3px;
padding: 0 5px;
margin: 0;
}
.Seokjtj {
float: left;
width: 245px;
min-height: 70px;
padding: 23px 22px 23px 106px;
border: 1px solid #eee;
border-radius: 3px;
position: relative;
margin: 20px 20px 0 0;
}
.Seokjtj .Skjtjpic {
position: absolute;
left: 21px;
top: 23px;
width: 68px;
height: 68px;
border: 1px solid #eee;
}
.Seokjtj .Skjtjpic img {
display: block;
width: 100%;
}
.Seokjtj .Skjtit {
overflow: hidden;
width: 245px;
}
.Seokjtj .Skjtit h2 {
float: left;
font-size: 18px;
position: relative;
width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Seokjtj .Skjtit h2:after {
content: '';
display: block;
width: 19px;
height: 4px;
background: #f66;
left: 0;
position: absolute;
bottom: -2px;
}
.Seokjtj .Skjtit a {
float: right;
border: 1px solid #ddd;
line-height: 22px;
font-size: 13px;
color: #f66;
padding: 0 7px;
border-radius: 3px;
}
.Seokjtj p {
line-height: 18px;
padding-top: 10px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Seorlbeltit {
font-size: 18px;
font-weight: bold;
padding: 20px;
height: 26px;
line-height: 26px;
position: relative;
padding-left: 60px;
}
.Seorlbeltit div {
position: absolute;
left: 0;
top: 20px;
height: 26px;
font-size: 14px;
background: #ff3333;
color: #fff;
padding: 0 12px 0 6px;
}
.Seorlbeltit div:after {
content: '';
width: 0;
height: 0;
border: 13px solid transparent;
border-right: 8px solid #fff;
position: absolute;
right: 0;
top: 0;
}
.Seolabelst {
padding: 0 15px 10px;
overflow: hidden;
}
.Seolabelst a {
border: 1px solid #eee;
border-radius: 3px;
line-height: 24px;
padding: 0 8px;
float: left;
margin: 0 5px 14px 5px;
}
.Seolabelst a:hover {
color: #f66;
}
.Seolabelst .Seorel {
color: #f66;
}
.Seozctit {
overflow: hidden;
height: 45px;
line-height: 45px;
background: url(../img/seozcbd.jpg) no-repeat;
padding: 0 10px;
font-size: 18px;
}
.Seozctit em {
float: left;
color: #fff;
}
.Seozctit span {
float: left;
color: #fff;
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Seozctit a {
float: right;
font-size: 14px;
color: #f33;
font-weight: bold;
}
.Seozclist {
padding: 0 20px 15px;
}
.Seozclist a:hover {
color: #f66;
}
.Seozclist h2 {
font-size: 14px;
line-height: 18px;
padding-top: 15px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.Seozclist h3 {
font-size: 12px;
overflow: hidden;
padding-top: 9px;
line-height: 15px;
color: #999;
}
.Seozclist h3 span {
float: left;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.Seozclist h3 time {
float: right;
}
.Newrzbseo:after {
background: transparent!important;
}
.Newrzbseo:before {
background: transparent!important;
}