You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1462 lines
27 KiB
CSS

/*!/global_include/widgets/ui-vip/vip.less*/
.icon-m-vip-smaller {
display: inline-block;
*display: inline;
*zoom: 1;
width: 34px;
height: 12px;
vertical-align: middle;
background: url(../../images/jyqk/img-vip.png) no-repeat;
margin: 0 4px 0 7px
}
.icon-m-vip-smaller-0 {
background-position: 0 -102px
}
.icon-m-vip-smaller-1 {
background-position: 0 -90px
}
.icon-m-vip-smaller-2 {
background-position: 0 -76px
}
.icon-m-vip-smaller-3 {
background-position: 0 -64px
}
.icon-m-vip-smaller-4 {
background-position: 0 -50px
}
.icon-m-vip-smaller-5 {
background-position: 0 -38px
}
.icon-m-vip-smaller-6 {
background-position: 0 -24px
}
.icon-m-vip-smaller-7 {
background-position: 0 -12px
}
.icon-m-vip-smaller-8 {
background-position: 0 0
}
.icon-m-bigger {
display: inline-block;
*display: inline;
*zoom: 1;
width: 51px;
height: 16px;
background: url(../../images/jyqk/img-vip.png) no-repeat
}
.icon-m-bigger-0 {
background-position: -37px -140px
}
.icon-m-bigger-1 {
background-position: -37px -123px
}
.icon-m-bigger-2 {
background-position: -37px -106px
}
.icon-m-bigger-3 {
background-position: -37px -88px
}
.icon-m-bigger-4 {
background-position: -37px -71px
}
.icon-m-bigger-5 {
background-position: -37px -53px
}
.icon-m-bigger-6 {
background-position: -37px -35px
}
.icon-m-bigger-7 {
background-position: -37px -17px
}
.icon-m-bigger-8 {
background-position: -37px 0
}
/*!/global_include/widgets/ser-pop-base/pop.less*/
.g-pop {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000
}
.g-pop {
display: none
}
.g-pop.active {
display: block
}
.g-pop .m-mask {
width: 100%;
height: 100%;
background: #000;
opacity: .5;
filter: alpha(opacity=50) \9
}
.g-pop .m-box {
position: absolute;
top: 30%;
left: 50%;
background: #fff
}
.g-pop .link-close {
display: block;
width: 47px;
height: 27px;
position: absolute;
top: 0;
right: 0;
background: url(../../images/jyqk/icon-close.jpg) no-repeat;
background-position: -47px 0
}
.g-pop .link-close:hover {
background-position: 0 0
}
/*!/global_include/widgets/ser-pop-login/loginPop.less*/
.g-login-pop .hidden {
display: none
}
.g-login-pop .error-msg {
color: red
}
.g-login-pop .m-box {
width: 619px;
margin-left: -309px
}
.g-login-pop .img-wrap {
width: 265px;
height: 344px;
float: left;
position: relative
}
.g-login-pop .img-wrap img {
width: 264px;
height: 344px
}
.g-login-pop .img-wrap .line {
position: absolute;
right: 0;
top: 48px;
display: block;
width: 1px;
background: #e5e5e5;
height: 245px
}
.g-login-pop .form-box {
margin-left: 266px;
padding-left: 44px;
position: relative
}
.g-login-pop .error-msg {
position: absolute;
top: 27px;
left: 44px
}
.g-login-pop .title-bar {
font-size: 16px;
color: #676767;
margin: 33px 0 24px
}
.g-login-pop .input-optimize {
position: relative;
margin-bottom: 13px;
padding: 0;
font-size: 12px
}
.g-login-pop .input-optimize.error input {
border: 1px solid #ff4f00
}
.g-login-pop input {
width: 218px;
height: 32px;
line-height: 32px;
font-size: 14px;
padding-left: 40px;
border: 1px solid #cecece;
vertical-align: middle;
color: #333
}
.g-login-pop .icon-deco {
display: inline-block;
*display: inline;
*zoom: 1;
width: 40px;
height: 32px;
background: #fff url(../../images/jyqk/icon.png) no-repeat;
position: absolute;
left: 1px;
top: 1px;
z-index: 10;
*top: 3px
}
.g-login-pop .icon-deco.icon-acco {
background-position: center 6px
}
.g-login-pop .icon-deco.icon-pass {
background-position: center -22px
}
.g-login-pop .placeholder {
position: absolute;
top: 1px;
left: 1px;
text-indent: 40px;
height: 32px;
line-height: 32px;
background: #fff;
width: 258px;
*top: 3px
}
.g-login-pop .checkcode {
width: 97px;
height: 34px;
vertical-align: middle
}
.g-login-pop .checkcode-input input {
width: 132px;
padding-left: 14px;
margin-right: 15px
}
.g-login-pop .checkcode-input .placeholder {
width: 143px;
text-indent: 14px
}
.g-login-pop .checkcode-input img {
cursor: pointer
}
.g-login-pop .login-btn {
display: inline-block;
*display: inline;
*zoom: 1;
width: 261px;
height: 34px;
line-height: 32px;
background: url(../../images/jyqk/btn-longer.png) no-repeat center;
background-position: 0 0;
font-size: 16px;
color: #fff;
text-align: center;
border: 0;
cursor: pointer;
padding-left: 0
}
.g-login-pop .clear-text {
display: inline-block;
*display: inline;
*zoom: 1;
width: 21px;
height: 21px;
background: url(../../images/jyqk/icon.png) no-repeat;
background-position: center -58px;
cursor: pointer;
position: absolute;
left: 232px;
top: 6px
}
.g-login-pop .bottom-bar {
padding: 64px 26px 0 0;
text-align: right
}
.g-login-pop .bottom-bar a {
font-size: 12px;
color: #939393
}
.g-login-pop .bottom-bar a:hover {
text-decoration: underline;
color: #ff8400
}
.g-login-pop .bottom-bar .line {
display: inline-block;
*display: inline;
*zoom: 1;
height: 11px;
width: 1px;
margin: 0 12px 0 16px;
background: #939393;
vertical-align: middle
}
/*!/global_include/widgets/ser-pop-message/message.less*/
.g-message-pop .message {
padding: 0 28px;
color: #676767;
font-size: 14px;
text-align: center;
margin: 72px 0 86px
}
.g-message-pop .opration-bar {
text-align: center;
position: absolute;
bottom: 26px;
width: 100%;
left: 0
}
.g-message-pop .btn {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 10px;
width: 140px;
height: 36px;
line-height: 34px;
background: #ff8400;
color: #fff;
font-size: 16px;
text-decoration: none
}
.g-message-pop .m-box {
margin-left: -220px;
width: 420px;
min-height: 200px;
border-radius: 6px
}
.g-message-pop .title {
position: absolute;
top: 0;
left: 0;
text-align: left;
font-size: 14px;
height: 44px;
line-height: 44px;
background: #f0f0f0;
text-indent: 26px;
width: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
z-index: 0
}
.g-pop .link-close {
display: block;
width: 27px;
height: 27px;
position: absolute;
background: url(../../images/jyqk/close.png) no-repeat;
top: 10px;
right: 14px;
z-index: 1
}
/*!/global_include/widgets/ser-pop-register/registerPop.less*/
.g-register-pop a:visited {
border: 0
}
.g-register-pop .hidden {
display: none
}
.g-register-pop .title-bar {
padding: 16px 0 10px 20px;
font-size: 16px;
color: #676767;
border-bottom: 1px solid #e6e6e6
}
.g-register-pop .box-bar {
text-align: right;
position: absolute;
bottom: 20px;
right: 20px
}
.g-register-pop .box-bar .ime-login {
color: #ff4f00;
font-size: 12px;
text-decoration: underline
}
.g-register-pop .registerpop-error {
position: absolute;
top: 55px;
left: 289px;
color: red
}
.g-register-pop .m-register-box {
position: absolute;
left: 50%;
top: 36px;
margin-left: -309px;
height: 470px;
overflow: hidden
}
.g-register-pop .m-register-box .tab-trigger-bar {
float: left;
margin-top: 20px;
width: 154px
}
.g-register-pop .m-register-box .tab-trigger-bar a {
display: block;
width: 154px;
height: 52px;
line-height: 52px;
text-indent: 24px;
color: #676767;
font-size: 16px;
background: #ebebeb;
position: relative;
text-align: left
}
.g-register-pop .m-register-box .tab-trigger-bar a:hover, .g-register-pop .m-register-box .tab-trigger-bar a.active {
color: #fff;
background: #ff8400
}
.g-register-pop .m-register-box .tab-trigger-bar a:hover .arrow, .g-register-pop .m-register-box .tab-trigger-bar a.active .arrow {
border-left-color: #ff8400
}
.g-register-pop .m-register-box .tab-trigger-bar .arrow {
display: block;
width: 0;
height: 0;
border: 16px solid transparent;
border-top-width: 25px;
border-bottom-width: 25px;
border-left-color: #ebebeb;
position: absolute;
top: 50%;
margin-top: -25px;
left: 100%
}
.g-register-pop .m-register-box .form-box {
float: left;
width: 463px;
background: #fff;
border-left: 1px solid #e6e6e6;
margin-left: -1px;
padding-top: 30px
}
.g-register-pop .m-register-box .form-box label {
display: inline-block;
*display: inline;
*zoom: 1;
width: 66px;
text-align: right;
vertical-align: middle;
margin-right: 20px
}
.g-register-pop .m-register-box .form-box .input-optimize {
display: inline-block;
*display: inline;
*zoom: 1;
position: relative;
margin-bottom: 23px;
margin-left: 0
}
.g-register-pop .m-register-box .form-box .input-optimize .error-msg {
font-size: 12px;
display: block;
position: absolute;
color: red;
top: 34px;
left: 0
}
.g-register-pop .m-register-box .form-box .input-optimize .error-msg a {
color: red;
text-decoration: underline;
cursor: pointer
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip {
display: none;
position: absolute;
width: 258px;
height: 80px;
z-index: 1000;
background: #fff;
border: 1px solid #ff8400;
margin-top: 10px
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip .arrow {
position: absolute;
top: -12px;
left: 11%;
outline: #ff8400;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #ff8400
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip .arrow .arrow-inner {
position: absolute;
top: -5px;
left: -6px;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #FFF
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip .icon {
position: absolute;
top: 12px;
left: 6px;
width: 24px;
height: 24px;
background: url(../../images/jyqk/emblem-important.png) no-repeat
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip .close {
position: absolute;
top: 2px;
right: 2px;
width: 14px;
height: 14px;
background: url(../../images/jyqk/icon_close.png) no-repeat
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip .tips {
padding: 10px 20px 5px 33px
}
.g-register-pop .m-register-box .form-box .input-optimize .changes-tip .showPhone {
display: block;
margin: 0 auto;
width: 65px;
height: 24px;
line-height: 24px;
background: #ff8400;
color: #fff;
font-size: 12px;
text-align: center
}
.g-register-pop .m-register-box .form-box .input-optimize.error input {
border: 1px solid #ff4f00
}
.g-register-pop .m-register-box .form-box .input-optimize .icon-error, .g-register-pop .m-register-box .form-box .input-optimize .icon-correct {
width: 22px;
height: 22px;
vertical-align: middle;
margin-left: 12px;
display: none
}
.g-register-pop .m-register-box .form-box .input-optimize.error .icon-error {
display: inline-block;
*display: inline;
*zoom: 1
}
.g-register-pop .m-register-box .form-box .input-optimize.error .icon-correct {
display: none
}
.g-register-pop .m-register-box .form-box .input-optimize.correct .icon-error {
display: none
}
.g-register-pop .m-register-box .form-box .input-optimize.correct .icon-correct {
display: inline-block;
*display: inline;
*zoom: 1
}
.g-register-pop .m-register-box .form-box .icon-error {
background: url(../../images/jyqk/icon.jpg) no-repeat;
background-position: -97px 0
}
.g-register-pop .m-register-box .form-box .icon-correct {
background: url(../../images/jyqk/icon.jpg) no-repeat;
background-position: -67px 0
}
.g-register-pop .m-register-box .form-box .checkcodeInput input {
width: 158px
}
.g-register-pop .m-register-box .form-box input {
width: 248px;
height: 32px;
line-height: 32px;
font-size: 14px;
color: #939393;
padding-left: 10px;
border: 1px solid #cecece;
vertical-align: middle;
margin-left: 0;
color: #333
}
.g-register-pop .m-register-box .form-box .placeholder {
position: absolute;
top: 3px;
left: 1px;
height: 30px;
line-height: 30px;
text-indent: 10px;
background: #fff;
width: 258px
}
.g-register-pop .m-register-box .form-box .checkcode {
width: 97px;
height: 34px;
vertical-align: middle
}
.g-register-pop .m-register-box .form-box .get-checkcode {
display: inline-block;
*display: inline;
*zoom: 1;
width: 144px;
height: 25px;
line-height: 25px;
text-align: center;
font-size: 12px;
border: 1px solid #d4d4d4;
border-radius: 2px;
margin: 0 0 23px 90px
}
.g-register-pop .m-register-box .form-box .get-checkcode.disabled {
color: #cecece
}
.g-register-pop .m-register-box .form-box .box-bar {
padding: 22px 0 14px 46px;
border-bottom: 1px solid #e6e6e6
}
.g-register-pop .m-register-box .form-box .box-bar .has-account {
float: right;
font-size: 12px;
color: #939393;
margin-right: 20px
}
.g-register-pop .m-register-box .form-box .box-bar .has-account .ime-login {
color: #ff4f00;
font-size: 12px;
text-decoration: underline
}
.g-register-pop .m-register-box .form-box .box-bar h3 {
color: #676767;
font-size: 24px
}
.g-register-pop .m-register-box .form-box .checkbox-optimize {
display: inline-block;
*display: inline;
*zoom: 1;
width: 15px;
height: 15px;
border: 1px solid #ff8400;
margin: 0 2px 0 90px;
cursor: pointer;
line-height: 15px;
vertical-align: middle
}
.g-register-pop .m-register-box .form-box .checkbox-optimize .icon-agree {
display: none;
width: 13px;
height: 12px;
background: url(../../images/jyqk/icon.jpg) no-repeat;
background-position: -35px 0;
margin-left: 1px;
*vertical-align: middle
}
.g-register-pop .m-register-box .form-box .checkbox-optimize.active .icon-agree {
display: inline-block;
*display: inline;
*zoom: 1
}
.g-register-pop .m-register-box .form-box .agree-txt {
cursor: pointer
}
.g-register-pop .m-register-box .form-box .agree-txt.active {
color: #ff8400
}
.g-register-pop .m-register-box .form-box .agree-txt.active a {
color: #ff8400
}
.g-register-pop .m-register-box .form-box .agree-txt a:hover {
text-decoration: underline
}
.g-register-pop .m-register-box .form-box .register-btn {
display: inline-block;
*display: inline;
*zoom: 1;
width: 261px;
height: 34px;
line-height: 32px;
background: url(../../images/jyqk/btn-longer.png) no-repeat center;
background-position: 0 0;
font-size: 16px;
color: #fff;
text-align: center;
margin: 17px 0 0 90px;
border: 0;
cursor: pointer;
margin-bottom: 80px
}
.g-register-pop .m-register-box .form-box .m-phone-register.active, .g-register-pop .m-register-box .form-box .m-username-register.active {
display: block
}
.g-register-pop .m-register-box .form-box .m-phone-register {
display: none;
padding-left: 45px
}
.g-register-pop .m-register-box .form-box .m-phone-register .clear-text {
display: inline-block;
*display: inline;
*zoom: 1;
width: 21px;
height: 21px;
background: url(../../images/jyqk/icon.jpg) no-repeat;
background-position: -5px -2px;
cursor: pointer;
position: absolute;
left: 232px;
top: 6px
}
.g-register-pop .m-register-box .form-box .m-username-register {
display: none;
padding-left: 45px
}
/*!/global_include/widgets/partial-footer/footer.less*/
.g-footer {
text-align: center;
height: 180px;
background: #3b3b3b;
min-width: 1260px;
font-size: 12px
}
.g-footer .helper {
padding: 42px 0 18px;
margin: 0 auto;
display: inline-block;
*display: inline;
*zoom: 1
}
.g-footer .helper li {
float: left
}
.g-footer .helper li a {
color: #e0e0e0;
padding: 0 10px;
border-right: 1px solid #e0e0e0
}
.g-footer .helper li a:hover {
text-decoration: underline
}
.g-footer .helper li.last a {
border: 0
}
.g-footer p {
color: #636363;
line-height: 20px
}
.g-footer p a {
color: #636363
}
.g-footer p a:hover {
color: #fff;
text-decoration: underline
}
/*!/global_include/widgets/partial-topbar/topNav.less*/
.clear-fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.clear-fix {
*zoom: 1
}
.hidden {
display: none
}
a {
color: #333
}
.g-inner {
width: 1260px;
margin: 0 auto
}
.g-top-nav {
min-width: 1260px;
border-bottom: 1px solid #e4e4e4;
font-size: 12px;
position: relative;
z-index: 1000
}
.g-top-nav a {
font-size: 12px
}
.g-top-nav a:link, .g-top-nav a:hover, .g-top-nav a:active, .g-top-nav a:visited {
color: #333
}
.m-link-list {
float: left
}
.m-opration {
float: right;
height: 32px
}
.m-link-list li {
float: left;
height: 32px
}
.m-link-list li a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 70px;
line-height: 1;
color: #333;
font-size: 12px;
text-align: center;
margin-top: 10px;
padding: 0 16px 0 7px
}
.m-link-list li a:hover {
text-decoration: underline;
color: #ff8400
}
.m-link-list li.last a {
border: 0
}
.m-link-list .topbar-ico {
display: inline-block;
*display: inline;
*zoom: 1;
width: 15px;
height: 15px;
background: url(../../images/jyqk/icon.png) no-repeat center;
vertical-align: middle;
margin: -5px 4px 0 0;
*margin: 0 4px 0 0
}
.m-link-list .topbar-ico.meng {
background-position: 0 0
}
.m-link-list .topbar-ico.customer {
background-position: -20px 0
}
.m-link-list .topbar-ico.forum {
background-position: -39px 0
}
.m-link-list .topbar-ico.bro {
background-position: -59px 0
}
.m-opration .login-register, .m-opration .messages, .m-opration .recommend {
position: relative;
height: 32px;
line-height: 32px;
float: left
}
.login-register .trigger:hover {
text-decoration: underline
}
.login-register-link {
border-right: 1px solid #e4e4e4;
line-height: 12px;
*line-height: 14px;
height: 12px;
margin-top: 10px
}
.login-register-link.logon-link a {
color: #0078ff
}
.login-register-link.withoutLogon-link a {
margin-right: 10px
}
.login-register-link.withoutLogon-link a:hover {
text-decoration: underline
}
.login-register .icon {
display: inline-block;
*display: inline;
*zoom: 1;
width: 33px;
height: 12px;
vertical-align: middle
}
.login-register .icon-vr {
background: url(../../images/jyqk/img-vip.png) no-repeat;
margin: 0 4px 0 7px
}
.login-register .icon-vr-1 {
background-position: 0 -90px
}
.login-register .icon-vr-2 {
background-position: 0 -76px
}
.login-register .icon-vr-3 {
background-position: 0 -64px
}
.login-register .icon-vr-4 {
background-position: 0 -50px
}
.login-register .icon-vr-5 {
background-position: 0 -38px
}
.login-register .icon-vr-6 {
background-position: 0 -24px
}
.login-register .icon-vr-6 {
background-position: 0 -12px
}
.login-register .icon-vr-6 {
background-position: 0 0
}
.login-register .icon-arrow {
width: 0;
height: 0;
border: 3px solid transparent;
border-top-color: #ababab;
margin-right: 10px;
transform-origin: 50% 25%;
transition: all .3s ease-in
}
.login-register.active .icon-arrow {
transform: rotate(180deg)
}
.messages .trigger {
display: inline-block;
*display: inline;
*zoom: 1;
width: 65px;
border-right: 1px solid #e4e4e4;
text-align: center;
outline: 0;
height: 12px;
line-height: 12px;
margin-top: 10px
}
.messages .message-alert {
display: inline-block;
*display: inline;
*zoom: 1;
display: none;
width: 6px;
height: 7px;
position: absolute;
top: 7px;
left: 45px;
background: url(../../images/jyqk/img-message-alert.png) no-repeat
}
.recommend .icon-deco-game {
display: inline-block;
*display: inline;
*zoom: 1;
width: 15px;
height: 15px;
background: url(../../images/jyqk/icon.png) no-repeat;
background-position: -82px 0;
vertical-align: middle;
margin: 0 9px 0 7px
}
.recommend .trigger {
display: inline-block;
*display: inline;
*zoom: 1;
white-space: nowrap;
outline: 0
}
.recommend .icon-arrow {
display: inline-block;
*display: inline;
*zoom: 1;
width: 0;
height: 0;
border: 3px solid transparent;
border-top-color: #ababab;
margin-right: 10px;
vertical-align: middle;
margin-left: 10px;
transform-origin: 50% 25%;
transition: all .3s ease-in
}
.recommend.active .icon-arrow {
transform: rotate(180deg)
}
.pop-login-register {
display: none;
width: 179px;
position: absolute;
top: 32px;
left: 50%;
margin-left: -90px;
z-index: 2
}
.pop-login-register.active {
display: block
}
.pop-login-register ul {
background: #fff;
border: 1px solid #cecece;
margin-top: 10px;
overflow: hidden
}
.pop-login-register li {
margin: -1px 7px 0;
border-top: 1px dotted #e4e4e4;
height: 35px;
line-height: 35px
}
.pop-login-register .first .avatar {
float: left;
width: 58px;
height: 58px;
margin-top: 9px;
border-radius: 50%;
margin-right: 10px
}
.pop-login-register .img-vr {
display: inline-block;
*display: inline;
*zoom: 1;
width: 51px;
height: 16px;
background: url(../../images/jyqk/img-vip.png) no-repeat;
margin: 20px 40px 8px 0
}
.pop-login-register .img-vr-1 {
background-position: -37px -123px
}
.pop-login-register .img-vr-2 {
background-position: -37px -106px
}
.pop-login-register .img-vr-3 {
background-position: -37px -88px
}
.pop-login-register .img-vr-4 {
background-position: -37px -71px
}
.pop-login-register .img-vr-5 {
background-position: -37px -53px
}
.pop-login-register .img-vr-6 {
background-position: -37px -35px
}
.pop-login-register .img-vr-7 {
background-position: -37px -17px
}
.pop-login-register .img-vr-8 {
background-position: -37px 0
}
.pop-login-register .red {
color: red
}
.pop-login-register li a:hover {
color: #ff8400
}
.pop-login-register .first {
height: 74px;
border-top: 0;
line-height: 1
}
.login-register .arrow-outter {
position: absolute;
top: -18px;
left: 50%;
margin-left: -7px;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #cecece;
z-index: 1
}
.login-register .arrow-inner {
position: absolute;
top: -17px;
left: 50%;
margin-left: -7px;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #fff;
z-index: 2
}
.recommend-box {
display: none;
position: absolute;
top: 32px;
left: -413px;
width: 526px;
z-index: 2
}
.recommend-box .content {
margin-top: 10px;
background: #fff;
border: 1px solid #cecece;
overflow: hidden;
padding-bottom: 5px
}
.recommend-box.active {
display: block
}
.recommend-box ul {
float: left;
width: 50%;
border-right: 1px solid #ececec;
margin-left: -2px;
padding-bottom: 5px
}
.recommend-box ul li {
position: relative;
width: 50%;
float: left;
height: 32px
}
.recommend-box li a {
display: block;
width: 86px;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
text-overflow: ellipsis;
text-indent: 24px
}
.recommend-box li a:hover {
color: #ff8400
}
.recommend-box ul .title {
width: 100%;
float: left;
text-indent: 24px;
font-weight: 700
}
.recommend-box .hot-re {
margin-left: -1px;
border-left: 1px solid #ececec
}
.recommend-box .arrow-outter {
position: absolute;
top: -18px;
right: 40px;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #cecece;
z-index: 1
}
.recommend-box .arrow-inner {
position: absolute;
top: -17px;
right: 40px;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #fff;
z-index: 2
}
.recommend-box ul i {
display: inline-block;
*display: inline;
*zoom: 1;
width: 18px;
height: 9px;
position: absolute;
background: url(../../images/jyqk/img-new-hot.jpg) no-repeat;
top: 50%;
margin-top: -5px;
right: 8px
}
.recommend-box .hot-re .hot {
background-position: 0 -10px
}
.recommend-box .hot-new .hot {
background-position: 0 -10px
}
.message-box {
display: none;
position: absolute;
top: 32px;
left: 50%;
margin-left: -163px;
width: 288px;
z-index: 2;
height: 164px
}
.message-box.active {
display: block
}
.message-box .title_bar {
overflow: hidden;
height: 28px;
line-height: 28px;
margin: 0 9px;
padding: 0 11px;
border-bottom: 1px dotted #e6e6e6;
background: #FFF
}
.message-box .title_bar .text {
float: left;
color: #676767
}
.message-box .title_bar .time {
float: right;
color: #ccc
}
.message-list-wrap {
background: #fff
}
.message-list-wrap .text {
color: #676767
}
.message-list-wrap {
width: 202px;
margin: 0 auto;
overflow: hidden
}
.message-list-wrap .control {
position: absolute;
top: 50%;
margin-top: -10px;
display: inline-block;
*display: inline;
*zoom: 1;
width: 11px;
height: 17px;
background: url(../../images/jyqk/img-message-direc.png) no-repeat
}
.message-list-wrap .left {
left: 10px
}
.message-list-wrap .right {
right: 10px;
background-position: -11px 0
}
.message-box .arrow-outter {
position: absolute;
top: -18px;
left: 50%;
margin-left: 3px;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #cecece;
z-index: 1
}
.message-box .arrow-inner {
position: absolute;
top: -17px;
left: 50%;
margin-left: 3px;
width: 0;
height: 0;
border: 14px solid transparent;
border-bottom-color: #fff;
z-index: 2
}
.message-box .more {
display: block;
width: 100%;
height: 32px;
border-top: 1px solid #cecece;
text-align: center;
color: #939393;
background: #FFF
}
.message-list li {
width: 100%;
float: left;
line-height: 20px
}
.message-list li .subtile {
display: block;
font-weight: 700;
padding-top: 10px
}
.message-list .subtile:hover {
color: #ff8400
}
.message-box .content {
border: 1px solid #cecece;
margin-top: 10px;
background: #fff
}
.g-message-pop .building-box {
width: 620px;
margin-left: -310px
}