a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
input,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
p {
    -webkit-text-size-adjust: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

body {
    font-family: arial, sans-serif;
    background-color: #fff
}

a,
a:hover {
    text-decoration: none
}
.visibility-hidden{
    visibility: hidden;
    height: 0!important;
    padding: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.display-flex{display: flex;display: -ms-flex;display: -moz-flex;display: -webkit-flex;}
.flex-1{flex: 1;-webkit-flex:1;-ms-flex:1;-webkit-flex:1;-moz-flex:1;}
li,
ol,
ul {
    list-style-type: none;
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    clear: both
}

html {
    min-width: 1200px
}

*html {
    position: relative
}

body {
    background: #fff;
    font-family: "Microsoft YaHei", sans-serif
}

#wrapper,
.wrapper {
    /*width: 1383px;*/
    margin: 0 auto
}

.w1200,
.w1240 {
    margin: 0 auto
}

.w1200 {
    width: 1200px
}

.w1240 {
    width: 1240px
}

.fl {
    float: left;
    display: inline
}

.fr {
    float: right;
    display: inline
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0
}

.cl:after {
    content: "020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

a {
    color: #333;
}

.load,
.trans,
.trans3s {
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out
}

.talc {
    text-align: center;
}

.tall {
    text-align: left;
}

.talr {
    text-align: right;
}

/*icon*/

.moreBtn i,
.moreBtn_n i,
.nav-cont .nav-menu .menu-title .memu-icon,
#fixed-box .fbs i,
.imgListBox .imgItem a.coll i,
.imgListBox .imgItem .higeTagIcon,
.imgListBox .imgItem a.coll i,
.imgListBox .imgItem .higeTagIcon_sy,
.higeTagIcon_sy_show,
.flexImages .list .higeTagIcon,
.hdbar-main .left-nav .sm-home-icon,
.hdbar-main .left-nav .sm-arrow-icon,
.hdbar-main .login-register li .qq-login .sm-qq-icon,
.hdbar-main .login-register .logined-box .userdrop .userCenter .userId .sm-home-icon,
.head .hd-cont .logo span,
.menu-title i,
.hdbar-main .left-nav .qq-qun .drop-box .qq-qun-a .qq-qun-icon,
.guidance-logo i,
.login-guidance .guidance-login-reg i,
.login-guidance-show .guidance-login-reg i,
.search_type_value i,
.show-vip .show-vip-icon,
.show-vip .show-gen-icon,
.um_v_icon_b i,
.um_h_icon_b a i,
.flag_lb,
.flag_lb_on,
.searchnoresult_left .searchnoresult_left_tip i,
.search_no_bj .s_r_div i,
.h_menu_pay_btn i,
.icon_index2 {
    background-image: url(../images/n-indexIcons-2.png?v19.4);
}

.vipLogoGray,
.hdbar-main .notice_icon,
.vipLogo,
.nav-cont .nav-list li .list-drop .left-box .txt-center .but-serve .icon-serve,
.nav-cont .nav-list li .list-drop .right-box .txt-center .but-serve .icon-zx,
.login-register .logined-box .userdrop .userCenter .userId .sm-arrow-icon,
.hdbar-main .login-register .favour-box a i {
    background-image: url(../images/index_new/comm_icon.png?v1.1);
    background-repeat: no-repeat;
}

/*icon pos*/

.imgListBox .imgItem a.coll i,
.imgListBox .imgItem .infoBox .activeProporty a p {
    background-position: -73px -88px !important;
}

.vipLogoGray {
    background-position: -44px -56px !important;
}

/*header*/

.mainContent {
    padding-bottom: 30px;
}

.hdtp-bar {
    height: 34px;
    background: #f5f5f5;
}

.hdbar-main .left-nav li {
    float: left;
    position: relative;
}

.hdbar-main .left-nav li .li-name,
.hdbar-main .left-nav li .li-name a {
    cursor: pointer;
    line-height: 30px;
    font-size: 12px;
    color: #666;
}

.hdbar-main .left-nav li .li-name {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    display: block;
    vertical-align: middle;
}

.hdbar-main .left-nav li {
    margin-right: 20px;
}

.hdbar-main .left-nav li:last-child {
    margin-right: 0;
}

.hdbar-main .left-nav .sm-home-icon {
    vertical-align: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: -187px -246px;
}

.hdbar-main .left-nav .sm-arrow-icon {
    vertical-align: 2px;
    display: inline-block;
    width: 8px;
    height: 6px;
    margin: 0 2px;
    background-position: -224px -251px;
}

.hdbar-main .left-nav li:hover .sm-arrow-icon {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.hdbar-main .left-nav li:hover .drop-box {
    display: block;
}

.hdbar-main .left-nav .contact-server .drop-box {
    width: 175px;
    margin-left: -102px;
}

.hdbar-main .left-nav .contact-server .drop-box p {
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 30px;
}

.hdbar-main .left-nav .contact-server .drop-box p.tit-p {
    font-size: 16px;
    color: #333;
}

.hdbar-main .left-nav .contact-server .drop-box p .talk-QQ {
    display: inline-block;
    width: 65px;
    height: 22px;
    line-height: 22px;
    margin: 0 6px;
    border: 1px solid #ff6600;
    border-radius: 4px;
    color: #ff6600;
    text-align: center;
}

.hdbar-main .left-nav .contact-server .drop-box p .talk-QQ:hover {
    background: #ff6600;
    color: #fff;
}

.hdbar-main .drop-box {
    padding: 15px 20px;
    box-shadow: 0 4px 8px rgba(90, 95, 106, .35);
    border-radius: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 29px;
    z-index: 999;
    display: none;
}

.hdbar-main .drop-box:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -20px;
}

/*login-nav*/

.hdbar-main .login-register .favour-box .favour-btn {
    display: inline-block;
    width: 92px;
    height: 22px;
    /*margin-top: 5px;*/
    font-size: 14px;
    line-height: 22px;
    background-color: #fff;
    color: #fe882a;
    border: 1px #fe882a solid;
    text-align: center;
    border-radius: 5px;
    padding: 0 4px;
}

/***????????****/
.favour-box .favour-btn.btn-video{
    color: #fe6c23;
    background: #fff;
    box-sizing: border-box;
}
.favour-box .favour-btn.btn-video:hover{
    /*border:1px solid  #fe6c23;
    color: #fff;
    background: #fe6c23;*/
    opacity: .8;
}

.favour-box .favour-btn.btn-video i{

}

.hdbar-main .login-register .notice {
    display: inline-block;
    position: relative;
    margin-right: 20px;
    padding-left: 40px;
}

.login-register .notice .icon-num {
    display: inline-block;
    padding: 2px 5px;
    height: 10px;
    line-height: 10px;
    border-radius: 14px;
    background: #ff6600;
    color: #fff;
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: -2px;
    right: 0;
}

.hdbar-main .login-register .notice a {
    font-size: 12px;
    color: #666;
    line-height: 34px;
}

.hdbar-main .login-register .notice a:hover {
    color: #fe882a;
}

.hdbar-main .notice_icon {
    position: absolute;
    left: 18px;
    top: 9px;
    display: inline-block;
    width: 20px;
    height: 16px;
    background-position: -320px -164px;
    margin-right: 5px;
}

.hdbar-main .login-register .logined-box .userdrop {
    display: inline-block;
}

.hdbar-main .login-register .logined-box .userdrop .userCenter .userId {
    font-size: 12px;
    color: #666;
    display: inline-block;
    margin-top: 12px;
}

.hdbar-main .login-register .logined-box .userdrop .userCenter .userId .sm-home-icon {
    vertical-align: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
}

.login-register .logined-box .userdrop .userCenter .userId .sm-arrow-icon {
    vertical-align: 2px;
    display: inline-block;
    width: 8px;
    height: 6px;
    background-position: -305px -10px;
    margin: -4px 4px;
}

.login-register .logined-box .userdrop:hover .sm-arrow-icon {
    background-position: -305px -0px !important;
}

.login-register .logined-box .userdrop:hover .userCenter .user_manage {
    display: block;
}

.hdbar-main .left-nav .hover:hover {
    color: #ff6600;
}

/*??????*/

.head {
    background: #fff;
}

.head .hd-cont {
    position: relative;
    height: 78px;
    z-index: 999;
    background: #fff;
}

.head .hd-cont .logo {
    padding: 43px 0;
}

.head .hd-cont .logo span,
.fixedDownBox .logo span {
    background-position: -407px -106px;
    display: inline-block;
    width: 120px;
    height: 35px;
}

.head .hd-cont .wulin {
    padding: 43px;
}

.head .hd-cont .wulin span {
    background-image: url(../images/wulin.png);
    display: inline-block;
    width: 137px;
    height: 44px;
}

.search-btn-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -742px -233px;
    vertical-align: -7px;
    margin-right: 3px;
}

.head .hd-cont .search-area .or-span {
    font-size: 14px;
    color: #c3c3c3;
    line-height: 44px;
    display: block;
    width: 68px;
    text-align: center;
}

.head .hd-cont .search-area .find-person {
    display: block;
    width: 138px;
    height: 42px;
    border: 1px solid #ff6600;
    border-radius: 2px;
    text-align: center;
    line-height: 42px;
    color: #ff6600;
    font-size: 16px;
}

/*??????????*/

.search_div .searchTipBox {
    overflow: hidden;
    border: 1px solid #F1F1F1;
    width: 580px;
    background-color: #FFF;
    position: absolute;
    top: 55px;
    padding: 10px 0;
    z-index: 11;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .25)
}

.searchTipBox .searchTipList {
    display: block
}

.searchTipList .recentSearchTip,
.searchTipList a.searchTipItem {
    padding: 8px 20px;
    color: #777;
    font-size: 14px;
    display: block;
    overflow: hidden
}

.searchMain .search_div .fl {
    float: left;
    display: inline
}

.searchTipList a.searchTipItem .hotSearchColor {
    color: #ff6700
}

.searchTipList a:hover.searchTipItem {
    background: #efefef
}

/*nav-menu*/

.menu-title {
    position: relative;
}

.menu-ul {
    position: absolute;
    width: 208px;
    background-color: #fff;
    z-index: 11;
    padding: 15px;
    border: 1px solid #ff6600;
    display: none;
}

.menu-ul li {
    float: left;
    margin: 5px;
}

.menu-ul li a {
    margin-right: 5px;
}

.menu-ul li a:hover {
    color: #ff6633;
}

.nav-cont .nav-menu .menu-title {
    margin-right: 20px;
    width: 160px;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    background: #f9f9f9;
    color: #777;
    display: block;
    font-size: 16px;
}

.nav-cont .nav-menu .menu-title .memu-icon {
    width: 20px;
    height: 14px;
    background-position: -252px -186px;
    margin-left: 15px;
    display: inline-block;
}

.nav-cont .nav-list>ul>li {
    float: left;
    position: relative;
    margin: 0 15px;
}

.nav-cont .nav-list li .list-drop,
.nav-cont .nav-list li .other-drop {
    display: none;
}

.nav-cont .nav-list li:hover .list-drop,
.nav-cont .nav-list li:hover .other-drop {
    display: block;
}

.nav-cont .nav-list li .list-tit {
    display: block;
    padding: 0 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #777777;
    transition: all .2s;
    cursor: pointer;
    font-weight: 600
}

.nav-cont .nav-list li .list-tit:hover,
.nav-cont .nav-list li .list-tit.on {
    background-color: #fff;
    font-weight: 600;
    color: #fe6c23
}

.nav-cont .nav-list li .list-drop:before,
.nav-cont .nav-list li .other-drop:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 5px solid #ffffff;
    position: absolute;
    top: -5px;
    left: 60%;
    margin-left: -90px;
}

.nav-cont .nav-list li .list-drop {
    min-width: 350px;
    height: auto;
    background: #fff;
    position: absolute;
    top: 37px;
    left: -347px;
    z-index: 100;
    box-shadow: 0px 1px 2px #9E9E9E;
}

.nav-cont .nav-list li .list-drop .top-tit {
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #ffefe8;
    text-align: center;
    color: #ff6600;
    font-size: 16px;
    font-weight: bold;
}

.nav-cont .nav-list li .list-drop .left-box,
.nav-cont .nav-list li .list-drop .right-box {
    display: inline-block;
    margin: 30px 0px;
    width: 49%;
}

.nav-cont .nav-list li .list-drop .left-box {
    border-right: 1px #e5e5e5 dashed;
}

.nav-cont .nav-list li .list-drop .left-box a,
.nav-cont .nav-list li .list-drop .right-box a {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 28px;
    text-align: center;
}

.nav-cont .nav-list li .list-drop .left-box a:hover,
.nav-cont .nav-list li .list-drop .right-box a:hover,
.nav-cont .nav-list li .other-drop a:hover {
    color: #ff6600;
}

.nav-cont .nav-list li .list-drop .txt-center {
    text-align: center;
    margin: 10px 0px;
}

.nav-cont .nav-list li .list-drop .left-box .txt-center .but-serve .icon-serve {
    display: inline-block;
    width: 57px;
    height: 57px;
    background-position: -1px -84px;
}

.nav-cont .nav-list li .list-drop .right-box .txt-center .but-serve .icon-zx {
    display: inline-block;
    width: 57px;
    height: 57px;
    background-position: -64px -84px;
}

.nav-cont .nav-list li .list-drop .txt-center .fb-serve {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
}

.nav-cont .nav-list li .list-drop .txt-center .money-serve {
    font-size: 14px;
    color: #666;
    line-height: 20px;
}

.nav-cont .nav-list li .list-drop .con-li {
    position: relative;
    display: block;
    text-align: left;
    padding-left: 30px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.nav-cont .nav-list li .list-drop .con-li em {
    color: #ff6600;
}

.nav-cont .nav-list li .list-drop .con-li:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    top: 10px;
    left: 12px;
}

.nav-cont .nav-list li .list-drop .menu-pay-btn {
    display: block;
    width: 257px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    background: -webkit-linear-gradient(#ffa42f, #ff6d25);
    background: -o-linear-gradient(#ffa42f, #ff6d25);
    background: -moz-linear-gradient(#ffa42f, #ff6d25);
    background: linear-gradient(#ffa42f, #ff6d25);
    border-radius: 15px;
    margin: 0px 50px 20px 50px;
    float: left;
    box-shadow: 0px 7px 5px #f5ca9a;
    font-size: 20px;
}

.nav-cont .nav-list li .list-drop .menu-pay-btn:hover {
    transform: scale(1.2, 1.2);
    transition: .2s;
}

.nav-cont .nav-list li .other-drop {
    width: 120px;
    z-index: 100;
    background: #fff;
    box-shadow: 0px 1px 2px #9E9E9E;
    position: absolute;
    margin-left: -25px;
}

.nav-cont .nav-list li .other-drop:before {
    margin-left: -8px;
}

.nav-cont .nav-list li .other-drop a {
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

/*.menu-title i { background-position: -154px -254px;width: 12px; height: 12px; display: inline-block;position: relative; left: 40px; }*/

/*.menu-title:hover i{transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}*/

.menu-title:hover {
    cursor: pointer;
}

/*???? ???*/

.moreBtn i {
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background-position: -282px -186px
}

.moreBtn_n i {
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background-position: -312px -186px
}

.moreBtn:hover,
.moreBtn_n:hover {
    color: #f40;
    border-color: #f40
}

.back_tags .moreBtn_n {
    display: none
}

.back_nav .type_color li a.current,
.back_nav .type_color li a:hover {
    background-position-y: -22px !important
}

.back_nav .type_color li a {
    text-indent: -500px;
    transition: all .1s;
    overflow: hidden;
    padding: 0;
    margin-right: 4px;
    display: inline-block;
    background: url(http://icon.90sheji.com/images/color.png) no-repeat;
    width: 28px;
    height: 18px;
    vertical-align: middle
}

.filterBox a,
.filterBox span {
    padding-right: 12px;
    color: #999;
    font-size: 14px;
    cursor: pointer
}

.back_nav .type_color li a {
    text-indent: -500px;
    transition: all .1s;
    overflow: hidden;
    padding: 0;
    margin-right: 4px;
    display: inline-block;
    background: url(../images/color.png) no-repeat;
    width: 28px;
    height: 18px;
    vertical-align: middle
}

.back_nav .type_color li a.fithv {
    margin-right: 6px
}

.back_nav .type_color li a.current,
.type_color a:hover {
    background-position-y: -22px !important
}

.type_color {
    margin-top: 17px
}

.type_color li {
    float: left
}

.mainContent {
    padding-top: 0px;
    background-color: #f8f8f8
}

.back_tags_span {
    display: block;
    padding: 13px 0 0 20px;
    width: 60px;
    font-size: 14px;
    color: #888;
    font-weight: 800
}
/*����ģ���µ���Ŀstart*/
@media screen and (min-width: 1600px) {
    .back_tags_ul1 {
        width: 1220px !important;
    }
}
.back_tags_ul1 {
    width: 1030px;
    margin: 10px 0;
    height: 43px;
    line-height: 43px;
    overflow: hidden
}
.back_nav .back_tags_ul1 li a
 {
    cursor: pointer;
    color: #333;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    padding: 0 1px;
    border: 1px solid transparent;
    border-radius: 3px;
    margin: 5px 5px 5px 0
}
.back_nav .back_tags_ul1 li a:hover,
.back_nav .back_tags_ul1 li a.current,
.back_nav .back_filter_ul li a.current,
.back_nav .back_filter_ul li a:hover {
    background: #ff7a00;
    background: -moz-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -webkit-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -o-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -ms-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff5700), to(#ff9000));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff5700), to(#ff9000));
    background: linear-gradient(to right, #ff5700 0, #ff9000 100%);
    border-radius: 16px;
    color: #fff;
}
.back_nav .back_tags_ul1 li a span,
.back_nav .back_filter_ul li a span {
    /*border:1px solid #fff;*/
    border-radius: 16px;
    padding: 3px 12px;

}
.moreBtn1{
    cursor: pointer;
    margin: 15px 15px 0 0;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    border: 1px solid #E8E8E8;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-left: 5px;
    border-radius: 6px;
}
.moreBtn1:hover{
    color: #f40;
    border-color: #f40;
}
/*����ģ���µ���Ŀend*/

.back_tags_ul {
    width: 1030px;
    margin: 5px 0;
    height: 43px;
    line-height: 43px;
    overflow: hidden
}

.back_nav .back_filter_ul li a:hover {
    color: #f40
}

.back_nav .back_tags_ul li a,
.back_tags_sort .back_tags_px {
    cursor: pointer;
    color: #888;
    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 1px;
    border: 1px solid transparent;
    border-radius: 3px;
    margin: 5px 5px 5px 0
}

.back_nav .back_filter_ul li a {
    cursor: pointer;
    color: #999;
    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    padding: 0 1px;
    border: 1px solid transparent;
    border-radius: 3px;
    margin: 5px 5px 5px 0
}

.back_nav .back_filter_ul.black li a {
    color: #888
}

#header .head-menu li:hover a,
.menu-ul li a.current {
    color: #f63
}

.moreBtn,
.moreBtn_n {
    cursor: pointer;
    margin: 10px 15px 0 0;
    color: #999;
    font-size: 14px;
    border: 1px solid #E8E8E8;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-left: 5px;
    border-radius: 6px;
}

.categorycon h2 {
    padding: 10px 0;
    color: #777;
    font-size: 18px
}

.juhong {
    color: #ea5500
}

.pic-main {
    width: 1200px;
    margin: 0 auto
}

.imgListBox {
    width: 1250px;
    padding: 0px !important;
}

.imgListBox .imgItemN {
    float: left;
    display: inline;
    background: #fff;
    width: 283px;
    margin-bottom: 25px;
    margin-right: 22.5px;
    border: none;
    position: relative;
    height: auto;
}

.imgListBox .imgItemN .imageBoxN {
    display: block;
    width: 283px;
    overflow: hidden;
    position: relative;
    min-height: 180px;
    border-radius: 8px;
}

.imgListBox .imgItemN .imageBoxN img {
    display: inline-block;
    margin: 0;
    min-width: 212px;
    background-image: url(./../images/msk.png);
    /*width:100%;*/
}

.imgListBox .imgItem a.coll {
    right: 0;
    border: 1px solid #d02a0d;
    background-color: #f06e4a
}

.imgListBox .imgItem a.coll.download {
    width: 154px;
    color: #fff
}

.imgListBox .imgItem a.coll:hover {
    background-color: #F15B31
}

.imgListBox .imgItemN a.coll {
    display: none;
    top: 50%;
    cursor: pointer;
    margin: -27px 103px 0;
    font-size: 18px;
    height: 54px;
    line-height: 54px;
    border-radius: 6px;
    position: absolute;
    z-index: 2
}

.imgListBox .imgItem a.coll i {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: absolute;
    right: 29px;
    top: 18px;
    transition-property: background-image
}

.imgListBox .imgItem .mask,
.flexImages .mask {
    display: none;
    margin-top: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #000;
    filter: alpha(opacity=5)\9;
    opacity: .7
}

.imgItem:hover .download,
.imgItem:hover .mask,
.flexImages .list:hover .mask {
    display: block !important
}

.delBox .del:hover,
.imgListBox .imgItem .markHighQuality:hover,
.imgListBox .imgItem .unMarkHighQuality:hover,
.rankDiv .rank_confirm:hover,
.rankDiv .rank_view:hover,

.replaceRank:hover {
    background: red !important
}
.rankDivZt .rank_confirm,
.rankDivZt .rank_view
{
    position: absolute;
    left: 110px;
    bottom: 66px;
    z-index: 3;
    height: 37px;
    width: 55px;
    background: #333332;
    color: #fff;
    cursor: pointer;
    display: none;
}
.rankDivZt .rank_inp
{
    position: absolute;
    left: 0;
    bottom: 66px;
    z-index: 3;
    height: 37px;
    width: 100px;
    display: none;
}

.imgItem:hover .rank_view{display: block}
.imgListBox .imgItem .delBox a.del,
.imgListBox .imgItem .delBoxZt a.delZt,
.imgListBox .imgItem .markHighQuality,
.imgListBox .imgItem .replaceRank,
.imgListBox .imgItem .replaceRankZt,
.imgListBox .imgItem .replaceRecomment,
.imgListBox .imgItem .unMarkHighQuality {
    position: absolute;
    top: 0;
    background: #333332;
    text-align: center;
    padding: 8px 20px;
    color: #fff;
    z-index: 3;
    display: block;
    border: none
}

.imgListBox .imgItem .markHighQuality,
.imgListBox .imgItem .unMarkHighQuality {
    right: 0
}

.imgListBox .imgItem .unMarkHighQuality {
    background-color: #333332
}

.imgListBox .imgItem .infoBox {
    padding: 10px 12px 12px 15px
}

.imgListBox .imgItem .infoBox .title {
    color: #666;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px
}

.imgListBox .imgItem .infoBox .activeProporty {
    font-size: 10px;
    color: #bfbfbf
}

.activeProporty a {
    display: inline-block;
    height: 100%;
    line-height: inherit;
    margin-right: 10px;
    float: left;
    font-size: 12px
}

.imgListBox .imgItem .infoBox .activeProporty span {
    color: #bfbfbf
}

.item-info-box {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 64px;
    width: 100%;
    background: url(../images/inspire/img-bg1.png) repeat-x;
    z-index: 3;
}

.item-info-box p {
    text-align: left;
    width: 96%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 35px 0 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.item-info-box span {
    display: block;
    text-align: left;
    width: 96%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 35px 0 0 10px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}

.imgItem.imgItemN:hover .item-info-box,
.flexImages .list:hover .item-info-box {
    display: block;
}

/*footer*/

.footer {
    width: 100%;
    background: #fff;
}

.footer .pad {
    padding: 30px 0px 25px 0px;
}

.footer .pad .footer-l .link-con a {
    font-size: 14px;
    color: #ff6600;
    display: inline-block;
    padding-right: 8px;
    line-height: 30px;
}

.footer .pad .footer-l .copy-con {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.footer .pad .footer-l .copy-con .shej {
    color: #ff6600;
}

.footer .pad .footer-r .safeicon {
    display: inline-block;
    width: 135px;
    height: 50px;
    background: url(./../images/index_new/banq-logo.jpg) no-repeat 0px 0px;
}

.footer .pad .footer-r .gongshangicon {
    display: inline-block;
    width: 53px;
    height: 50px;
    background: url(./../images/index_new/banq-logo.jpg) no-repeat -174px 0px;
}

/*popmessage*/

.globalPopMessageBg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: black;
    filter: alpha(opacity=35);
    -moz-opacity: 0.35;
    -khtml-opacity: 0.35;
    opacity: 0.35
}

.globalPopMessageWraper {
    position: fixed;
    top: 20%;
    left: 50%;
    z-index: 10001;
    width: 530px;
    margin-left: -265px;
}

.globalPopMessageWraper .closeButton,
.globalPopMessageWraper .decoration,
.globalPopMessageWraper .contentBox .button {
    background: url('../images/public/popMessage.png') no-repeat;
    transition-duration: 0s;
}

.globalPopMessageWraper .closeButton {
    display: block;
    position: absolute;
    top: 90px;
    right: 0;
    width: 50px;
    height: 50px;
    background-position: 0 -438px;
}

.globalPopMessageWraper .closeButton:hover {
    background-position: 0 -502px
}

.globalPopMessageWraper .decoration {
    width: 100%;
    height: 270px;
    background-position: 0 0;
}

.globalPopMessageWraper .contentBox {
    position: relative;
    padding: 35px 0 30px 0;
    top: -55px;
    z-index: -1;
    width: 440px;
    min-height: 140px;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
}

.globalPopMessageWraper .contentBox .title {
    font-size: 30px;
    color: #474747;
}

.globalPopMessageWraper .contentBox .content {
    margin: 0 auto;
    margin-top: 15px;
    font-size: 18px;
    color: #474747;
    text-align: center;
    width: 90%;
}

.globalPopMessageWraper .contentBox .button {
    display: inline-block;
    margin-top: 20px;
    width: 221px;
    height: 47px;
    background-position: -65px -438px;
    font-size: 18px;
    color: #fff;
    line-height: 45px;
}

.globalPopMessageWraper .contentBox .button:hover {
    background-position: -65px -502px;
}

/*qq ???*/

#qq-login-window {
    position: absolute;
    display: none;
    z-index: 10001;
    width: 622px;
    height: 466px;
    background: #fff;
    box-shadow: 3px 3px 8px #666
}

#qq-login-window .title-bar {
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #4c4c4c;
    border-bottom: 2px solid #ff8b3d
}

#qq-login-window .login-error {
    color: #fff;
    font-size: 16px;
    background-color: #fe6900;
    display: inline-block;
    width: 120px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    margin-top: 14px;
}

#qq-login-window .login-error:hover {
    background-color: #ff4810;
}

#qq-login-window .title-bar .check_input {
    overflow: hidden;
    float: left;
    width: 405px;
    padding-left: 30px;
}

#qq-login-window .title-bar .check_input .title {
    display: inline-block;
    float: left;
    margin-top: 15px;
    line-height: 20px;
    font-size: 22px;
}

#qq-login-window .title-bar .check_input p {
    font-size: 9px;
    float: left;
    margin: 5px 0 0 0;
    position: relative;
}

#qq-login-window .title-bar .check_input p input {
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin: 0 5px 0 0;
}

#qq-login-window .title-bar .check_input p a {
    color: #f60
}

#qq-login-window .title-bar .button-close-window {
    font-size: 26px;
    float: right;
    border: none;
    line-height: 60px;
    padding: 0 21px;
    -webkit-transition: background .3s ease-in-out
}

#qq-login-window .window-body {
    color: #4c4c4c;
    width: 100%;
    height: 403px;
    float: left
}

#qq-login-window .no-ckeck-layer {
    width: 100%;
    height: 403px;
    position: absolute;
    z-index: 10002
}

#global-mask {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 10000;
    background: #000;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    -khtml-opacity: .15;
    opacity: .15
}

/*???????*/

.login-guidance {
    text-align: center;
    width: 572px;
    height: 380px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -190px 0 0 -286px;
    background-color: #fff;
    border-radius: 4px;
    z-index: 12001;
}

.login-guidance .guidance-close {
    font-size: 26px;
    border: none;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.login-guidance .guidance-close:hover {
    color: #999;
}

.guidance-logo {
    margin-top: 56px;
    text-align: center;
}

.guidance-logo i {
    background-position: -72px -277px;
    display: inline-block;
    width: 267px;
    height: 44px;
}

.login-guidance .guidance-tips {
    font-size: 14px;
    color: #666;
    width: 450px;
    margin: 30px auto 48px auto;
    position: relative;
}

.login-guidance .guidance-tips:before,
.login-guidance .guidance-tips:after {
    border-top: 1px solid #cbcbcb;
    width: 120px;
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    pointer-events: none;
}

.login-guidance .guidance-tips:before {
    left: 0;
}

.login-guidance .guidance-tips:after {
    right: 0;
}

.login-guidance .guidance-login-reg {
    cursor: pointer;
    background-color: #ff6600;
    margin: 0 auto;
    width: 360px;
    height: 60px;
    line-height: 60px;
    border-radius: 2px;
}

.login-guidance .guidance-login-reg.agree:hover {
    background-color: #dc600c;
}

.login-guidance .guidance-login-reg span {
    color: #fff;
    font-size: 20px;
}

.login-guidance .guidance-login-reg i {
    background-position: -277px -205px;
    display: inline-block;
    width: 33px;
    height: 40px;
    vertical-align: middle;
}

.login-guidance .guidance-agree {
    font-size: 14px;
    margin-top: 27px;
    color: #666;
    position: relative;
}

.login-guidance .guidance-agree input {
    color: #ff6600;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.login-guidance .guidance-agree a {
    color: #ff6600;
}

.login-guidance .guidance-btn-rlg {
    color: #666;
    font-size: 14px;
    width: 100%;
    text-align: right;
    position: absolute;
    right: 8px;
    bottom: 8px;
}

.login-guidance .guidance-btn-rlg a {
    color: #ff6600;
}

.login-guidance .guidance-btn-rlg a.agree:hover {
    color: #dc600c;
}

/*????????*/

.repetl_div {
    text-align: center;
    box-shadow: 3px 3px 8px #666;
    width: 620px;
    height: 300px;
    position: fixed;
    margin-left: -310px;
    top: 20%;
    left: 50%;
    background-color: #fff;
    z-index: 99999
}

.repetl_title_bar {
    border-bottom: 2px solid #ff8b3d;
    height: 60px;
    line-height: 60px;
    width: 100%
}

.repetl_div .repetl_title {
    color: #4c4c4c;
    line-height: 60px;
    height: 60px;
    font-size: 18px;
    margin-left: 40px
}

.repetl_div .repetl-button-close-window {
    float: right;
    font-size: 26px;
    padding: 0 21px;
    border: medium none
}

.repetl_content p:first-child {
    margin-top: 20px
}

.repetl_content p {
    color: #4c4c4c;
    font-size: 24px;
    height: 50px;
    line-height: 50px
}

.repetl_btn {
    text-align: center;
    margin-top: 30px
}

.repetl_btn .repetl_btn_no {
    background-color: #36AFDA
}

.repetl_btn .repetl_btn_yes {
    background-color: #FF6700;
    margin-left: 30px
}

.repetl_btn span {
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    width: 85px;
    height: 40px;
    line-height: 40px;
    display: inline-block
}

/*page*/

.page {
    text-align: center;
    height: 52px;
    overflow: hidden
}

.pager {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.pager .downPage:hover,
.pager .pager-linkPage .current,
.pager .upPage:hover,
.pager a:hover {
    background: #ff8b3d;
    color: #fff;
    border: 1px solid #ff8b3d
}

.pager .downPage,
.pager .upPage,
.pager-linkPage,
.pager-linkPage a,
.pager-linkPage span {
    float: left
}

.pager-linkPage {
    display: inline-block;
    float: left
}

.pager .pager-linkPage span,
.pager a {
    display: inline-block;
    width: 50px;
    height: 48px;
    line-height: 48px;
    color: #5f5f5f;
    border: 1px solid #E8E8E6;
    margin-left: 6px;
    text-align: center;
    font-size: 16px;
    background: #fff
}

.pager .downPage,
.pager .upPage {
    line-height: 48px;
    display: inline-block;
    width: 85px;
    height: 48px;
    border: 1px solid #E8E8E6
}

.pager .downPage {
    margin-left: 8px
}

/*admin ajax right btn*/

.rightButtonList {
    position: fixed;
    right: 10px;
    top: 65%;
    z-index: 11
}

#right_goTopBtn {
    width: 54px;
    height: 231px;
    position: fixed;
    right: 10px;
    bottom: 25%;
    z-index: 1000
}

#right_goTopBtn .right_con {
    padding-top: 8px;
    background: #ff783d
}

#right_goTopBtn .right_con a {
    margin-bottom: 10px;
    color: #fff;
    display: block;
    min-height: 55px;
    text-align: center;
    padding: 2px
}

/*?????*/

#fixed-box {
    border: 1px solid #e3e3e3;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    background-color: red
}

#fixed-box .fbs {
    width: 60px;
    height: 85px;
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
    padding: 0 7px;
    position: relative
}

#fixed-box .fbs a {
    display: inline-block
}

#fixed-box .fbs-qqkefu i {
    background-position: -23px -185px
}

#fixed-box .fbs i {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 14px
}

#fixed-box .fbs p.targtip {
    font-size: 12px;
    color: #666;
    line-height: 32px
}

#fixed-box .fbs .fbs-hdropbox {
    border: 1px solid #d5d5d5;
    background-color: #fff;
    position: absolute;
    padding: 25px 20px;
    display: none
}

#fixed-box .fbs-qqkefu .fbs-hdropbox {
    width: 175px;
    left: -217px;
    top: -1px;
}

#fixed-box .fbs.fbs-qqkefu .fbs-hdropbox small, #fixed-box .fbs.fbs-qqqun .fbs-hdropbox small {
    font-size: 12px;
    color: #888
}
#fixed-box .fbs.fbs-qqqun .fbs-hdropbox p {
    font-size: 16px;
    color: #666
}

#fixed-box .fbs:last-child {
    border-bottom: none
}

#fixed-box .fbs-gotp {
    height: 60px
}

#fixed-box .fbs-gotp i {
    background-position: -23px -258px;
    margin-top: 23px
}

#fixed-box .fbs:hover {
    background-color: #f60
}

#fixed-box .fbs-qqkefu:hover i {
    background-position: -56px -185px
}

#fixed-box .fbs:hover p.targtip {
    color: #fff
}

#fixed-box .fbs:hover .fbs-hdropbox {
    display: block
}

#fixed-box .fbs:hover {
    cursor: pointer;
    background-color: #f60
}

#fixed-box .fbs-gotp:hover i {
    background-position: -55px -258px
}

#fixed-box .fbs.fbs-gotp i {
    height: 17px
}

#fixed-box .fbs.fbs-qqkefu .fbs-hdropbox p {
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    text-align: left;
    line-height: 30px;
}

#fixed-box .fbs.fbs-qqkefu .fbs-hdropbox p.tit-p {
    font-size: 16px;
    color: #333;
}

#fixed-box .fbs-qqkefu .fbs-hdropbox .talk-QQ {
    display: inline-block;
    width: 65px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #ff6600;
    border-radius: 4px;
    color: #ff6600;
    text-align: center;
}



/*???????*/

.cli-gray {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    display: block;
}

.btn-bg,
.task-day ul li .btn-bg,
.task-activity ul li .btn-bg {
    background-image: url(./../images/user_task/button.png?v3);
    background-repeat: no-repeat;
}

.web-bg,
.task-day ul li:hover,
.task-activity ul li:hover {
    background-image: url(./../images/user_task/bg.png);
    background-repeat: no-repeat;
}

.task-div {
    width: 760px;
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 10%;
    margin-left: -380px;
}

.task-main {
    border: 2px solid #f4af0c;
    background-color: #ffca26;
    border-radius: 12px;
}

.task-main .close {
    width: 30px;
    height: 30px;
    float: right;
    margin-right: 34px;
    background-position: -164px -112px;
    margin-bottom: 15px;
}

.task-bg {
    margin-top: -72px;
    background-position: 82px 0px;
    width: 100%;
    height: 86px;
}

.task-sub {
    margin: 0 20px 20px 20px;
    text-align: center;
    display: block;
    clear: both;
}

.task-sub span {
    cursor: pointer;
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 0 20px;
}

.task-sub .a1 {
    background-position: -4px -194px;
    text-indent: 30px;
}

.task-sub .a0 {
    background-position: -151px -194px;
    text-indent: 30px;
}

.task-sub .b1 {
    background-position: -153px -253px;
    text-indent: 30px;
}

.task-sub .b0 {
    background-position: -8px -253px;
    text-indent: 30px;
}

.task-sub p a {
    color: #fff
}

.task-main .on {
    height: 20px;
    text-align: center;
}

.task-main .on span {
    display: inline-block;
    width: 36px;
    height: 20px;
    margin: 0 80px;
}

.task-main .on .on-task,
.task-main .on .on-acti {
    background-position: -205px -120px;
}

.task-day,
.task-activity {
    margin: 0 auto 20px auto;
    border-radius: 12px;
}

.task-day ul,
.task-activity ul {
    margin: 0 auto;
    padding-bottom: 10px;
}

.task-day ul li,
.task-activity ul li {
    margin: 10px auto;
    padding: 20px 0 20px 10px;
    height: 70px;
    background-color: #fec425;
    border-radius: 12px;
    width: 94%;
}

.task-day ul li:hover,
.task-activity ul li:hover {
;
    background-position: -12px -171px;
}

.task-day .vip,
.task-activity .vip {
    width: 70px;
    height: 70px;
    float: left;
    border-radius: 50px;
    background: #fff;
    background-position: -156px -29px
}

.task-day .vip-con,
.task-activity .vip-con {
    width: 52%;
    height: 70px;
    float: left;
    margin-left: 4%;
    margin-top: 3px;
    font-size: 18px;
    line-height: 30px;
    border-right: 1px dashed #df9c03;
}

.task-day .vip-con h3,
.task-activity .vip-con h3 {
    color: #ae5e00;
}

.task-day .vip-con p,
.task-activity .vip-con p {
    color: #fb6700
}

.task-day .sub-go,
.task-activity .sub-go {
    margin: 15px 0 0 31px;
    width: 124px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    float: left;
    background-position: -11px -3px
}

.task-day .go-reward,
.task-activity .go-reward {
    margin-left: 35px;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    float: left;
    background-position: -13px -52px;
    margin-top: 15px;
    text-indent: 27px;
}

.task-day .bg-done,
.task-activity .bg-done {
    width: 27%;
    height: 80px;
    border-left: 1px dashed #df9c03;
    float: left;
    background-position: 32px -98px;
    margin-top: -4px;
}

.task_day .sub-go:hover {
    background-position: -238px -3px;
    opacity: 0.9;
}

.task_day .go-reward:hover {
    background-position: -240px -52px;
    opacity: 0.9;
}

.sub-go a {
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: 124px;
}

.go-reward a {
    color: #fff;
    display: block;
    text-align: left;
}

.task-day ul .rem,
.task-activity ul .rem {
    color: #864600;
    margin-left: 18px;
    font-size: 16px;
    padding: 5px 0;
}

.online {
    background-position: 77px -119px;
    width: 100%;
    height: 30px;
    margin: 0 auto 10px auto;
}

.is_show {
    display: none
}

.window_clas {
    overflow: auto;
    height: 400px;
    margin: 0 auto;
    width: 90%;
    border: 10px solid #da9513;
    border-radius: 8px;
    background-color: #ffd42d;
    margin-bottom: 20px;
}

.window_clas::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}

/*.window_clas::-webkit-scrollbar-button{background-color:#c76d0c;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius:8px;border-bottom-right-radius: 8px;}*/

.window_clas::-webkit-scrollbar-track {
    background: #c76d0c;
    border-radius: 8px;
}

.window_clas::-webkit-scrollbar-track-piece {
    border-radius: 10px;
}

.window_clas::-webkit-scrollbar-thumb {
    background: #F58E0B;
    border-radius: 8px;
}

.window_clas::-webkit-scrollbar-corner {
    background: #82afff;
    border-radius: 10px;
}

.task-main .close {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

.task-main .close:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

#right-user-task:hover a,
.cli-task:hover {
    background-color: #0ACD61;
    color: #fff;
}

#right-user-task a,
.cli-task {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border: 1px solid #0ACD61;
    border-radius: 4px;
    text-align: center;
    padding: 0px 10px;
    margin-top: 4px;
    margin-right: 10px;
    background: #fff;
    color: #0ACD61;
    font-size: 14px;
}

.taskicon {
    position: absolute;
    top: 1px;
    right: 8px;
    background-color: #FF6600;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

/*???????*/

.bargain_kj_box {
    display: none;
    width: 788px;
    z-index: 999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -394px;
    margin-top: -200px;
}

.bargain_inp {
    padding-left: 10px;
    margin: 40px 0 40px 40px;
    width: 450px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #DBDBDB;
    color: #6C6C6C;
}

.bargain_copy {
    margin-left: 15px;
    height: 50px;
    line-height: 50px;
    color: white;
    font-weight: bold;
    background-color: #f60;
    width: 140px;
    text-align: center;
    cursor: pointer;
}

.bargain_copy:hover {
    opacity: 0.8;
}

.copy_tips {
    display: none;
    height: 30px;
    line-height: 30px;
    width: 100px;
    width: 100px;
    top: 160px;
    position: absolute;
    left: 561px;
    color: #F0356A;
}

.turkey_nr {
    height: 380px;
    background-color: #fff;
}

.turkey_ti {
    position: relative;
    left: 40px;
    font-size: 22px;
}

.TB_overlayBG {
    position: fixed;
    z-index: 998;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: #000;
    filter: alpha(opacity=6);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.bargain_kj_box_p {
    height: 35px;
    width: 61px;
    background: url(./../images/user_task/la_top.png?v1) no-repeat;
    float: right;
    margin-right: 4px;
}

.bargain_kj_box_p em {
    width: 48px;
    height: 44px;
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 9px;
}

/*????????*/

.hdbar-main .left-nav .qq-qun .drop-box {
    display: none;
    width: 320px;
    margin-left: -187px;
}

.hdbar-main .left-nav .qq-qun .drop-box .qq-qun-a {
    width: 100px;
    height: 26px;
    display: inline-block;
    line-height: 26px;
    text-align: center;
    border: 1px solid #f60;
    border-radius: 5px;
    color: #FF6601;
    float: right
}

.hdbar-main .left-nav .qq-qun .drop-box .qq-qun-a .qq-qun-icon {
    vertical-align: -1px;
    display: inline-block;
    width: 15px;
    height: 16px;
    background-position: -322px -244px;
    margin-right: 3px
}

.hdbar-main .left-nav .qq-qun .drop-box .qq-qun-a:hover {
    background-color: #f60;
    color: #fff
}

.hdbar-main .left-nav .qq-qun .drop-box .qq-qun-a:hover .qq-qun-icon {
    background-position: -300px -244px
}

/*?????????????*/

.success-tip-task-layer {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: none
}

.success-tip-task {
    display: none;
    z-index: 10001;
    position: fixed;
    left: 52%;
    top: 10%;
    margin-left: -380px
}

.task-tip {
    position: relative;
    width: 638px;
    height: 535px;
    background-image: url(./../images/user_task/aa.png);
    background-repeat: no-repeat
}

#task-tips {
    position: absolute;
    top: 350px;
    left: 306px;
    font-size: 24px;
    font-weight: 900;
    color: #fe831a;
    text-shadow: 0 5px 5px #333332
}

.task-click-btn {
    display: inline-block;
    width: 170px;
    height: 55px;
    background-image: url(./../images/user_task/bb.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 420px;
    left: 257px;
    cursor: pointer
}

.task-click-btn:hover {
    background-position: -180px 0
}

.task-title-tips {
    width: 145px;
    height: 40px;
    background-image: url(./../images/user_task/bb.png);
    background-repeat: no-repeat;
    background-position: -360px 0;
    position: absolute;
    top: 105px;
    left: 269px
}

.showWrap .left .higeTagIcon {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-repeat: no-repeat;
    width: 144px;
    height: 140px;
    background-image: url(../images/public/comm_jp.png);
    background-position: 5px -2px;
}

.imgListBox {
    width: 1250px;
    background-color: #f8f8f8;
}

.imgItem:hover .collNew {
    display: block !important;
}

.imgItem:hover .mask,
.flexImages .list:hover .mask {
    opacity: 0.1 !important;
}

.imgItem.imgItemN,
.imgListBox .imgItem a {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
}

.imgItem.imgItemN:hover,
.flexImages .list:hover {
    -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .3);
    -ms-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .3);
}

.imgItem.imgItemN:hover a.collNew,
.flexImages .list:hover a.collNew {
    display: block;
}

.imgListBox .imgItem .mask.maskNew.maskMuban {
    opacity: 1 !important;
    background: url('./../images/yangji/mask_1.png');

}

/*.imgListBox .imgItem .mask {  display:block;  }*/

.imgListBox .imgItemN a.collNew {
    position: absolute;
    top: 0;
    z-index: 2;
    display: none;
    margin: 30px 14px;
    height: 37px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 37px;
    cursor: pointer;
    transition-property: background-image;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
}

.imgListBox .imgItemN a.download {
    right: 0;
    background-color: #f06e4a;
    color: #fff;
}

.imgListBox .imgItemN a.like {
    left: 0;
    background-color: #fff;
    color: #666;
}

.imgListBox .imgItemN a.cancelLikeBut {
    color: #fa9524;
}

.imgListBox .imgItemN a.collNew em {
    position: absolute;
    top: 9px;
    left: 21px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.imgListBox .imgItemN a.collNew span {
    padding-left: 15px;
}

.imgListBox .imgItemN a.likeBut em,
.flexImages .list a.likeBut em {
    background-position: -29px -279px;
}

.imgListBox .imgItemN a.download em,
.flexImages .list a.download em {
    left: 13px;
    background-position: -29px -299px;
}

.imgListBox .imgItemN a.like:hover,
.flexImages .list a.like:hover {
    background-color: #ECECEC;
}

.imgListBox .imgItem a.collNew.download:hover {
    background-color: #F15B31;
}



.robot_p {
    height: 25px;
    font-size: 12px;
    line-height: 25px;
}

.loading {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 283px;
    height: 100%;
    background-color: #fff;
    z-index: 4;
}

.loading span {
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 100%;
    color: #21BB79;
    text-align: center;
    letter-spacing: 5px;
    font-size: 14px;
    left: 0px;
    margin-top: -10px;
}

/*527*/

.titlePop {
    width: 100%;
    height: 40px;
    background-color: #f4f3f1;
    border-bottom: 1px solid #ebebe9;
}

.titlePop .joinNavs {
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    color: #a0a0a0;
}

.titlePop .joinNav {
    margin-left: 280px;
    color: #c6c6c4;
}

.popUp {
    display: none;
}

.popUp .popSearch {
    width: 560px;
    height: 40px;
    border: 2px solid #ff6600;
    margin: 20px auto 15px;
}

.popUp .popSearch .textSearch {
    width: 450px;
    height: 40px;
    float: left;
}

.popUp .popSearch .popSearchBtn {
    width: 110px;
    height: 100%;
    float: left;
    background-color: #ff6600;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
}

.popUp .searchRes {
    width: 560px;
    margin: 0 auto;
}

.searchResTitle {
    font-size: 12px;
    color: #999999;
}

.popUp .searchRes .searchResXh {
    width: 560px;
    margin: 0 auto;
    overflow: auto;
    height: 160px;
}

.popUp .searchRes .searchResLook {
    color: #ff6600;
    font-size: 12px;
    line-height: 30px;
    cursor: pointer;
    width: 540px;
    height: 30px;
    padding-left: 10px;
}

.popUp .searchRes .searchResLook.active {
    background-color: #CFCFCF;
}

/*.popUp .searchRes  p:hover{color:#000;};*/

.popUp .searchRes .searHistoryVal {
    color: #ff6600;
    float: left;
    margin-left: 15px;
    cursor: pointer;
    float: left;
    width: 150px;
    font-size: 15px;
    height: 32px;
    line-height: 32px;
}

.popUp .searchRes .searHistoryVal:hover {
    color: #ff6501;
    cursor: pointer;
}

.popUp .searchRes .searHistoryVal .valSpan {
    color: #767676;
    width: 140px;
    height: 32px;
    line-height: 32px;
}

.popUp .searchRes .searHistoryVal span {
    cursor: pointer;
}

.popUp .searchRes .searHistoryVal span:hover,
.popUp .searchRes .searHistoryVal span.active {
    color: #ff6501;
}

.popUp .newSearchRes {
    clear: both;
    height: 120px;
    width: 560px;
    margin: 0 auto;
    margin-top: 53px;
}

.popUp .newSearchRes .cancelBtn {
    color: #666666;
    background-color: #cfcfcf;
}

.popUp .searRes {
    margin-top: 20px;
}

.popUp .newSearchRes .queryBtn {
    background-color: #ff8c3c;
    color: #ffffff;
}

.popUp .newSearchRes .btnBoth {
    cursor: pointer;
    border-radius: 5px;
    font-weight: 500;
    margin-left: 20px;
    width: 165px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    float: left;
    margin-top: 40px;
}

.popUp .newSearchRes .btnBoths {
    border-radius: 5px;
    margin-left: 20px;
    width: 165px;
    height: 45px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    float: left;
    margin-top: 40px;
}

.searchEye {
    background-position: -250px -246px !important;
}

.joinClose {
    margin-left: 250px;
}

.addWeight {
    width: 100px;
    height: 30px;
    float: left;
    top: 40px;
}

.addWeightText {
    width: 50px;
    height: 30px;
    background: #DCDCDC;
}

.imgListBox .imgItem .addTheme {
    position: absolute;
    top: 0;
    background: #333332;
    text-align: center;
    padding: 8px 20px;
    color: #fff;
    z-index: 3;
    display: block;
    border: none
}

.imgListBox .imgItem .addTheme {
    right: 0;
    top: 100%;
    margin-top: -95px;
}

.imgListBox .imgItem .addTheme a {
    color: #ffffff;
    text-align: center;
}

.popUp {
    position: fixed;
    width: 650px;
    /*height: 460px;*/
    margin-left: 275px;
    margin-top: 100px;
    background-color: #ffffff;
    box-shadow: 2px 2px 2px 2px #c6c2c3;
    z-index: 10;
    top: 0;
}

.tips {
    display: none;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    text-align: center;
    background-color: red;
}



/*slide bar*/

#slide-wrapper {
    display: none;
    width: 360px;
    position: fixed;
    top: 20%;
    left: 50%;
    padding: 50px;
    background: #fff;
    margin: 0 auto;
    margin-left: -230px;
    z-index: 1000;
}

#slider {
    padding: 20px;
    position: relative;
    border-radius: 2px;
    background-color: #ffefe8;
    overflow: hidden;
    text-align: center;
}

#slider.success {
    background-color: #E5EE9F;
}

#label {
    width: 40px;
    position: absolute;
    left: 4px;
    top: 4px;
    height: 100%;
    background: #ff6633;
    z-index: 999;
    cursor: pointer;
    height: 53px;
}

#labelTip {
    z-index: 9;
}

#reset-btn {
    margin: 20px 0 10px 0;
}

@media screen and (max-width: 640px) {
    #slide-wrapper {
        width: 64%;
    }
}

/*???????*/

.maskInspireDownloadPopup {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000001;
    background: black;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .8
}

.inspireDownloadPopup {
    display: block;
    position: fixed;
    z-index: 100000002;
    top: 30%;
    left: 50%;
    width: 605px;
    margin-left: -302px;
    background-color: #fff
}

.inspireDownloadPopup .title {
    height: 43px;
    padding-left: 3%;
    line-height: 45px;
    font-size: 16px;
    color: #777777;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

.inspireDownloadPopup .cloaseButton {
    position: absolute;
    right: 10px;
    top: 14px;
}

.inspireDownloadPopup .cloaseButton:hover {
    transform: scale(1.1);
}

.inspireDownloadPopup .content {
    padding-top: 45px;
    padding-bottom: 60px;
    text-align: center;
}

.inspireDownloadPopup .content .comeSayHi {
    width: 140px;
    height: 170px;
    margin: 0 auto;
    background: url(./../images/inspire/comeSayHi.jpg) no-repeat;
    margin-top: 20px;
}

.commonCloseIcon {
    display: block;
    width: 13px;
    height: 13px;
    background-position: -247px -24px;
    background-repeat: no-repeat;
    background-image: url(../images/public/comm_icon.png);
}

.downloadTipsBox {
    position: fixed;
    z-index: 11000;
    width: 490px;
    height: 312px;
    top: 50%;
    left: 50%;
    margin: -156px 0 0 -245px;
    border-radius: 6px;
    background-color: #fff;
}

.downloadTipsBox .download-tips-close-btn,
.downloadTipsBox .download-tips-success i,
.downloadTipsBox .download-tips-limit i {
    background-image: url(../images/download_tips.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.downloadTipsBox .download-tips-top {
    height: 155px;
    background-color: #FFF2EA;
    border-radius: 6px;
}

.downloadTipsBox .download-tips-bottom {
    text-align: center;
}

.downloadTipsBox .download-tips-close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -140px -59px;
    width: 18px;
    height: 18px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.downloadTipsBox .download-tips-close-btn:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.downloadTipsBox .download-tips-success {
    text-align: center;
    position: relative;
    top: 50px;
    color: #FF6600;
    font-size: 30px;
    height: 45px;
    line-height: 45px;
}

.downloadTipsBox .download-tips-success i {
    background-position: -22px -49px;
    width: 40px;
    height: 45px;
    vertical-align: middle;
}

.downloadTipsBox .download-tips-limit {
    text-align: center;
    position: relative;
    top: 50px;
    color: #FF6600;
    font-size: 30px;
    height: 45px;
    line-height: 45px;
}

.downloadTipsBox .download-tips-limit i {
    background-position: -84px -40px;
    width: 40px;
    height: 58px;
    vertical-align: middle;
}

.downloadTipsBox .download-tips {
    text-align: center;
    color: #FF6600;
    font-size: 18px;
    position: relative;
    top: 60px;
}

.downloadTipsBox .vipbtn {
    text-align: center;
    color: #fff;
    background-color: #FF7D25;
    font-size: 20px;
    width: 220px;
    height: 55px;
    line-height: 55px;
    border-radius: 6px;
    display: block;
    margin: 38px auto 15px auto;
}

.downloadTipsBox .vipbtn:hover {
    background-color: #dc600c;
}

.downloadTipsBox .vip-common {
    text-align: center;
    color: #FF6600;
    font-size: 18px;
}

.search_nav {
    margin-top: 20px;
}

.search_nav span {
    width: 56px;
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    display: inline-block;
    color: #ff6600;
    background-color: #fff;
    text-align: center;
    font-size: 16px;
}

.search_nav span:hover,
.search_nav span.active {
    color: #fff;
    background-color: #ff6600;
}


.search_nav_show.hover {
    height: auto;
    border: 1px solid #ff6600;
    background: #fff;
    border-radius: 5px;
}

.search_nav_show span {
    width: 64px;
    height: 40px;
    line-height: 40px;
    padding-left: 13px;
    cursor: pointer;
}

.search_nav_show span.hover {
    display: none;
}

.search_nav_show .search_type_value,
.search_nav_show.hover span.hover {
    display: block;
}

.search_nav_show.hover span.hover.nopShow {
    display: none;
}

.search_nav_show span.hover:hover {
    color: #ff6600;
    background-color: #F7F7F7;
    border-radius: 5px;
}

.search_type_value i {
    vertical-align: 2px;
    display: inline-block;
    width: 8px;
    height: 6px;
    background-position: -224px -251px;
    margin-left: 4px;
}

/*message*/

.message-alert-box {
    padding: 5px 10px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    z-index: 99;
    display: block;
    color: #333;
    font-size: 14px;
    top: 36px;
    left: 0px;
    width: 125px;
    box-shadow: 0px 0px 10px 2px rgba(90, 95, 106, .35);
}

.message-alert-box:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 50px;
}

.message-alert-box:hover {
    color: #ff6600;
}

/*asdadmin*/

.user_manage * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.user_manage .um_hearder {
    display: inline-block;
    overflow: hidden;
    height: 56px;
    margin: auto
}

.um_hearder {
    padding: 15px 20px 10px
}

.um_vip_wrap {
    width: 100%;
    height: 210px;
    padding: 25px 20px 20px;
    border-bottom: 2px solid #e6e5ed
}

.um_v_icon_b {
    width: 49%;
    float: left;
    color: #666;
    font-size: 14px;
    line-height: 38px
}

.um_v_icon_b i {
    display: inline-block;
    width: 24px;
    height: 25px;
    vertical-align: -7px;
    margin-right: 7px
}

.um_down i {
    background-position: -66px -325px
}

.um_seep i {
    background-position: -24px -325px
}

.um_coryr i {
    background-position: -107px -325px
}

.um_ids i {
    background-position: -149px -325px
}

.um_vip_wrap h3 {
    display: inline-block;
    width: 100%;
    color: #f60;
    font-size: 18px;
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.um_vip_wrap h3:before,
.um_vip_wrap h3:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 67px;
    border-bottom: 1px solid #f60;
    position: absolute;
    top: 50%
}

.um_vip_wrap h3:before {
    left: 0
}

.um_vip_wrap h3:after {
    right: 0
}

.um_v__get_vip {
    display: inline-block;
    width: 316px !important;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background-color: #f60;
    font-size: 16px;
    border-radius: 4px;
    margin-top: 15px
}

.um_v__get_vip:hover {
    background-color: #ff4b0c
}

.um_h_icon_b {
    width: 57px;
    float: left;
    margin-right: 30px
}

.um_h_icon_b.um_logout {
    margin-right: 0
}

.um_h_icon_b a {
    font-size: 14px;
    color: #666
}

.um_h_icon_b:hover a {
    color: #f60
}

.um_h_icon_b.um_home:hover a i {
    background-position: -200px -360px
}

.um_h_icon_b.um_upload:hover a i {
    background-position: -234px -361px
}

.um_h_icon_b.um_sala:hover a i {
    background-position: -163px -361px
}

.um_h_icon_b.um_logout:hover a i {
    background-position: -267px -360px
}

.um_h_icon_b a i {
    display: block;
    width: 20px;
    height: 20px;
    margin: auto
}

.um_home a i {
    background-position: -25px -362px
}

.um_upload a i {
    background-position: -60px -362px
}

.um_sala a i {
    background-position: -92px -362px
}

.um_logout a i {
    background-position: -130px -362px
}

.nav_back {
    width: 100%;
    background-color: #f9f9f9;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
}

/*?????*/

/*?????????*/

.search_nav_show {
    top: 0 !important;
    left: 2px;
    border-color: #fe6900;
    color: #999
}

.search_nav_show:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 30px;
    background-color: #ff6800;
    position: absolute;
    right: -1px;
    top: 6px
}

.company_icon,
.head .hd-cont .logo span,
.module_news .news_next i,
.nav-cont .nav-menu .menu-title .memu-icon,
.vip_drop .vip_tit i,
.submenu-nav ul li:before,
.submenu-nav ul li:after,
.fixedDownBox .logo span,
.act_botm_box .w1200 .btnn,
.act_botm_box .click_close,
.act_botm_box .click_close i,
.hot_sty i,
.vip_drop_box li i,
.user_info_vip_icon i,
.user_info_novip_box i,
.my_vip i,
.loginBoxN .l_error_tip:before,
.loginBoxN .l_success_tip,
.loginBoxN .loginBoxCommH ._logo,
.loginBoxN .login_close,
.loginBoxN .login_qq_icon,
.brands .brands-main i.brands-icons,
.c_nav_box .c_b_t i,
.new_m_t_l_icon,
.favour-box .favour-btn i,
.login-register .notice_icon,
.list-drop.muban_drop .h_md .h_md_bc,
.search-btn-icon,
.floatHeader .logo span,
.fh-nav ul li .fh-list-drop a i,
.index-search-nav span,
.flex-direction-nav li a.flex-prev:after,
.flex-direction-nav li a.flex-next:after,
.index_pic_title,
.imgListBox .imgItem a.collNew em,
.gj_h_t i,
.gongju_box .gj_icon,
.more_btn i,
.rb_ty ._mo1 i,
.rb_weixinQr,
.rb_drop:before,
.rb_icon i,
.flexImages .list a.collNew em,
.pngListBox .pngItem a.collNew em,
.pb_read:before,
.reg_fuli .fuli_t,
.reg_fuli .sound,
.reg_fuli_close,
.icon_c,
.icon_c_before:before,
.icon_common,
.icon_index4,
.imgListBox .imgItem .higeTagIcon_sy,
.higeTagIcon_sy_show,
.feedback-alert .details .file_upload_button i {
    background-image: url(./../images/n-indexIcons-4.png?2019/07/17);
}

.head .hd-cont .logo {
    padding: 0;
    margin-top: 17px;
    margin-left: 20px
}

.head .hd-cont .logo span {
    width: 146px;
    height: 44px;
    background-position: -57px -434px;
    margin-right: 10px
}

.nav-cont .nav-menu .menu-title {
    text-indent: 14px;
    font-weight: bold;
}

.nav-cont .nav-menu .menu-title .memu-icon {
    float: left;
    margin-top: 10px;
    background-position: -51px -36px;
    height: 20px
}

/*???????vip??????*/

.vip_drop,
.vip_drop * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.vip_drop {
    width: 340px;
    background-color: #fff;
    left: -231px !important
}

.vip_drop:before {
    left: 365px !important;
    color: #ffefe8
}

.vip_drop .vip_tit {
    width: 100%;
    height: 56px;
    color: #f60;
    background-color: #ffefe8;
    font-size: 24px;
    line-height: 56px;
    font-weight: 600
}

.vip_drop .vip_tit i {
    display: inline-block;
    width: 40px;
    height: 32px;
    background-position: -236px -28px;
    margin: 0 6px 0 20px;
    vertical-align: -7px
}

.vip_drop .vip_cont .cont_li {
    display: inline-block;
    font-size: 16px;
    color: #666;
    position: relative;
    margin-bottom: 21px;
    text-indent: 23px
}

.vip_drop .vip_cont {
    padding: 25px
}

.vip_drop .vip_cont .cont_li:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ccc;
    position: absolute;
    left: 0;
    top: 3px
}

.vip_drop_btn {
    display: block;
    margin: auto;
    width: 276px;
    height: 43px;
    background-color: #f60;
    color: #fff;
    text-align: center;
    line-height: 43px;
    border-radius: 4px
}

.vip_drop_btn:hover {
    background-color: #ff4810
}


/*???vip??????*/

.vip_drop_new .vip_tit {
    width: 60%;
    height: 60px;
    line-height: 60px;
    color: #333;
    font-size: 24px;
    letter-spacing: 2px;
    margin: 0 auto;
    text-align: center;
}

.vip_drop_new .vip_tit:before,
.vip_drop_new .vip_tit:after {
    display: inline-block;
    margin: 0 15px;
    width: 50px;
    border-bottom: 1px solid #777;
    content: '';
    vertical-align: 8px;
}

.nav-cont .nav-list .vip_drop_box li {
    float: left;
    width: 160px;
    height: 120px;
    margin: 13px 0 13px 0;
    text-align: center;
}

.vip_drop_box {
    width: 800px;
}

.vip_drop_box li.last {
    border-right: none;
}

.vip_drop_box li i {
    display: block;
    width: 50px;
    height: 45px;
    margin: 15px auto;
}

.vip_drop_box li a.getvip_btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 14px;
    border-radius: 14px;
    padding: 0 15px;
    border: 1px solid #cecece;
}

.vip_drop_box li a.getvip_btn:hover {
    color: #fff;
    border: 1px solid #fe6900;
    background: #ff7800;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);

}

.vip_drop_lifegp_li i {
    background-position: -47px -278px;
}

.vip_drop_gp_li i {
    background-position: -236px -231px;
}

.vip_drop_zh_li i {
    background-position: -300px -231px;
}

.vip_drop_zh_li {
    border-right: 1px solid #dedede;
}

.vip_drop_mb_li i {
    background-position: -47px -231px;
}

.vip_drop_ys_li i {
    background-position: -111px -231px;
}

.vip_drop_bj_li i {
    background-position: -173px -231px;
}

/*?????????*/

.pullredfreedown_btn {
    display: inline-block;
    width: 80px;
    height: 90px;
    position: absolute;
    top: -100px;
    right: 0;
    background: url(./../images/pullRedFreeDown/pullred.png?v1);
    background-size: 80px 90px;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear
}

.pullredfreedown_btn:hover {
    width: 90px;
    height: 97px;
    background-size: 90px 97px
}

.pullRedFreeDown * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.pullRedFreeDown {
    width: 795px;
    z-index: 10001;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -394px;
    margin-top: -225px;
    background-color: #ffcb27;
    border: 2px solid #f5b00b;
    border-radius: 10px;
    padding: 44px 22px 55px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.border_box {
    background-color: #dd9412;
    border-radius: 6px;
    width: 100%;
    height: 100%;
    padding: 10px
}

.cont_box {
    background-color: #ffd42c;
    width: 100%;
    padding: 20px 12px;
    border-radius: 9px
}

.cont_box h3 {
    display: inline-block;
    width: 100%;
    color: #874702;
    font-size: 20px;
    position: relative;
    text-align: center
}

.cont_box h3.rule_line:after,
.cont_box h3.rule_line:before {
    width: 281px
}

.cont_box h3.qun_line {
    font-size: 16px
}

.cont_box h3.qun_line:after,
.cont_box h3.qun_line:before {
    width: 250px
}

.copy_box {
    width: 100%;
    height: 65px;
    background-color: #f7ac21;
    border: 1px solid #975104;
    border-radius: 6px;
    margin-top: 16px;
    position: relative
}

.copy_box .pull_inp {
    display: inline-block;
    width: 500px;
    height: 44px;
    font-size: 18px;
    color: #975104;
    background-color: #f7ac21;
    margin: 10px 20px
}

.copy_box .pull_copy {
    position: absolute;
    top: 14px;
    right: 15px
}

.pullRedFreeDown .click_share_tip {
    color: #975104 !important
}

.pullRedFreeDown .click_share_tip i {
    width: 0px !important;
    border-top: 1px solid #975104 !important
}

.pullRedFreeDown .cont_box #share_area {
    padding-left: 0 !important;
    margin-top: 20px !important
}

.pullRedFreeDown .cont_box .share_icon_box,
.globalPopMessageNew_body .share_icon_box {
    height: 120px
}

.pullRedFreeDown #share_area a,
.globalPopMessageNew_body #share_area a {
    margin: 30px auto 0px !important;
    float: none !important;
}

.pullRedFreeDown .cont_box #share_area a span {
    color: #975104 !important
}

.mt20 {
    margin-top: 20px
}

.rule .cont_box p {
    color: #874702;
    font-size: 17px;
    margin: 8px 0;
    font-weight: 400
}

.pullRedFreeDown .close_PRFD_btn,
.pullRedFreeDown .p_header,
.pullRedFreeDown .pull_copy,
.pullRedFreeDown .top_down {
    background: url(./../images/pullRedFreeDown/qietu.png?v2) no-repeat
}

.pullRedFreeDown .p_header {
    width: 553px;
    height: 73px;
    background-position: -33px -42px;
    position: absolute;
    top: -43px;
    left: 50%;
    margin-left: -275px
}

.pullRedFreeDown .pull_copy {
    display: inline-block;
    width: 121px;
    height: 39px;
    background-position: -331px -214px;
    cursor: pointer;
    margin-left: 14px;
    vertical-align: -14px
}

.pullRedFreeDown .pull_copy.hover {
    background-position: -331px -157px
}

.pullRedFreeDown .top_down {
    position: absolute;
    margin-left: -94px;
    left: 50%;
    width: 188px;
    height: 48px;
    display: inline-block;
    cursor: pointer;
    bottom: 3px
}

.pullRedFreeDown .top_down.down {
    background-position: -94px -151px
}

.pullRedFreeDown .top_down.down:hover {
    background-position: -94px -209px
}

.pullRedFreeDown .top_down.top {
    background-position: -94px -267px
}

.pullRedFreeDown .top_down.top:hover {
    background-position: -94px -324px
}

.pullRedFreeDown .copy_tips {
    top: 62px !important;
    left: 596px !important;
}

.close_PRFD_btn {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-position: -478px -166px !important;
    position: absolute;
    top: 7px;
    right: 10px
}

/*????????*/

.globalPopMessageWraperNew {
    position: fixed;
    top: 50%;
    margin-top: -280px;
    left: 50%;
    z-index: 10001;
    width: 740px;
    height: 560px;
    margin-left: -370px;
    background-position: -56px -42px;
}

.globalPopMessageNew_header {
    width: 784px;
    height: 230px;
    background-image: url(./../images/pullRedFreeDown/red_banner.png);
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    overflow: hidden;
    position: relative
}

.globalPopMessageNew_header .gt_1 {
    font-size: 48px;
    font-weight: 800;
    margin-top: 25px
}

.globalPopMessageNew_header .gt_2 {
    font-size: 16px;
    font-weight: 200
}

.globalPopMessageNew_header .gt_3 {
    font-size: 22px;
    font-weight: 800;
    margin-top: 25px
}

.globalPopMessageNew_header .gt_3_s {
    font-size: 28px;
    color: #f9df17
}

.globalPopMessageNew_body {
    width: 660px;
    height: 250px;
    background-color: #fff;
    padding: 25px 40px;
    position: relative
}

.globalPopMessageNew_body #butCopyText {
    display: inline-block;
    width: 393px;
    height: 68px;
    border: 2px solid #e0e0e0;
    color: #666;
    font-size: 18px;
    text-indent: 20px
}

.globalPopMessageNew_body #cp_share_sub1 {
    display: inline-block;
    width: 164px;
    height: 70px;
    background-color: #eb3534;
    color: #fff;
    text-align: center;
    line-height: 70px;
    margin-left: 10px;
}

.globalPopMessageNew_body #cp_share_sub1.hover {
    background-color: #eb4d5e;
}

.globalPopMessageNew_body .copy_tips {
    top: 100px;
    color: #eb3534;
    left: 500px;
}

.globalPopMessageNew_body #share_area {
    padding: 0 !important;
    position: absolute;
    top: -10px;
    right: 31px;
}

.globalPopMessageNew_body #share_area p i {
    width: 546px !important
}

.rech_red_btn {
    display: inline-block;
    width: 80px;
    height: 90px;
    position: absolute;
    bottom: -100px;
    right: 0;
    background: url(./../images/pullRedFreeDown/pushred.png?v1);
    background-size: 80px 90px;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear
}

.rech_red_btn:hover {
    width: 90px;
    height: 97px;
    background-size: 90px 97px
}

.globalPopMessageNew_body_pull {
    width: 660px;
    height: 150px;
    background-color: #fff;
    padding: 25px 40px
}

.message_close {
    display: inline-block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0px;
    top: 6px;
}

.globalPopMessageNew_body_pull span {
    background-image: url(./../images/pullRedFreeDown/now_use.png);
    background-position: -15px -21px;
    width: 300px;
    height: 68px;
    display: block;
    cursor: pointer;
    margin: 37px auto;
}

.globalPopMessageNew_body_pull span:hover {
    background-position: -15px -103px;
}

.hdbar-main .login-register .favour-box .favour-btn.manage-vip-btn {
    width: auto;
    margin-right: 5px;
}

#share_area a span {
    top: 62px !important;
}

.red_tip {
    width: 100%;
    height: 110px;
    margin-top: 50px;
}

.red_tip_p {
    font-size: 15px;
    color: #555
}

.red_num_box .ling_num {
    width: 45%;
    text-align: right;
    font-size: 18px;
    color: #333
}

.red_num_box .use_num {
    width: 45%;
    text-align: left;
    font-size: 18px;
    color: #333
}

.big_text {
    font-size: 30px;
    color: #eb3534
}

.red_num_box {
    overflow: hidden;
    margin-top: 30px;
}

/*?????? 810 */

.submenu-nav {
    position: absolute;
    z-index: 10;
    width: 160px;
    height: 350px;
    background-color: rgba(0, 0, 0, 0.6)
}

.submenu-nav ul li {
    padding: 0 15px;
    height: 39px;
    color: #fff;
    font-size: 14px;
    line-height: 39px
}

.submenu-nav ul li:before {
    display: inline-block;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    content: '';
    vertical-align: -4px
}

.submenu-nav ul li.nav_o1:before {
    background-position: -429px -38px
}

.submenu-nav ul li.nav_o2:before {
    background-position: -464px -38px
}

.submenu-nav ul li.nav_o3:before {
    background-position: -498px -38px
}

.submenu-nav ul li.nav_o4:before {
    background-position: -532px -38px
}

.submenu-nav ul li.nav_o5:before {
    background-position: -360px -38px
}

.submenu-nav ul li.nav_o6:before {
    background-position: -327px -38px
}

.submenu-nav ul li.nav_o7:before {
    background-position: -218px -77px
}

.submenu-nav ul li.nav_o8:before {
    background-position: -395px -38px
}

.submenu-nav ul li.nav_o9:before {
    background-position: -565px -38px
}

.submenu-nav ul li.active,
.submenu-nav ul li:hover {
    background-color: #fff;
    color: #444
}

.submenu-nav ul li a span {
    color: #fff;
    display: inline-block;
    width: 99px;
}

.submenu-nav ul li.active a span,
.submenu-nav ul li:hover a span {
    color: #444
}

/*.submenu-nav ul li.active:after,.submenu-nav ul li:hover:after{background-position:-371px -186px}*/

/*.submenu-nav ul li.active.nav_o1:before,.submenu-nav ul li.nav_o1:hover:before{background-position:-537px -77px}*/

/*.submenu-nav ul li.active.nav_o2:before,.submenu-nav ul li.nav_o2:hover:before{background-position:-413px -78px}*/

/*.submenu-nav ul li.active.nav_o3:before,.submenu-nav ul li.nav_o3:hover:before{background-position:-287px -78px}*/

/*.submenu-nav ul li.active.nav_o4:before,.submenu-nav ul li.nav_o4:hover:before{background-position:-496px -78px}*/

/*.submenu-nav ul li.active.nav_o5:before,.submenu-nav ul li.nav_o5:hover:before{background-position:-246px -78px}*/

/*.submenu-nav ul li.active.nav_o6:before,.submenu-nav ul li.nav_o6:hover:before{background-position:-330px -78px}*/

/*.submenu-nav ul li.active.nav_o7:before,.submenu-nav ul li.nav_o7:hover:before{background-position:-566px -77px}*/

/*.submenu-nav ul li.active.nav_o8:before,.submenu-nav ul li.nav_o8:hover:before{background-position:-453px -78px}*/

/*.submenu-nav ul li.active.nav_o9:before,.submenu-nav ul li.nav_o9:hover:before{background-position:-370px -78px}*/

.imgListBox .imgItemN.search_subject_recommend {
    width: 283px;
    height: 147px;
    color: #fff;
    background-color: #FB8E49;
    text-align: center;
}

.imgListBox .imgItemN.search_subject_recommend p {
    margin-top: 40px;
    font-size: 18px;
    position: relative;
    color: #EEEEEE;
}

.imgListBox .imgItemN.search_subject_recommend p:before {
    position: absolute;
    top: 12px;
    left: 72px;
    border-top: 1px solid #EEEEEE;
    width: 25px;
    content: '';
    pointer-events: none;
}

.imgListBox .imgItemN.search_subject_recommend p:after {
    position: absolute;
    top: 12px;
    right: 72px;
    border-top: 1px solid #EEEEEE;
    width: 25px;
    content: '';
    pointer-events: none;
}

.imgListBox .imgItemN.search_subject_recommend span {
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #EEEEEE;
    display: block;
    letter-spacing: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.imgItem.imgItemN.search_subject_recommend:hover {
    background-color: #F47F30;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/*??????????��??*/

.headFixed {
    width: 100%;
    position: fixed;
    top: 30px;
    height: 60px !important;
    box-shadow: 0px 1px 2px 0px #dedede;
    z-index: 99;
}

.head.headFixed .hd-cont .logo span {
    height: 36px;
    width: 120px;
    background-position: -407px -106px;
}

.head.headFixed .hd-cont .logo {
    margin-top: 11px;
}

.head.headFixed .search-show-box {
    margin: 8px 0px 8px 150px;
}

.hdtp-bar.hdtp-barFixed {
    width: 100%;
    z-index: 100;
    position: fixed;
    top: 0px;
}

/*hot*/

.company_icon {
    background-position: -530px -115px;
    display: inline-block;
    width: 32px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
}

/*???????*/

.upgrade_ent a {
    display: inline-block;
    width: 70px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    background-color: #fff;
    color: #44b146;
    border: 1px #44b146 solid;
    text-align: center;
    border-radius: 5px;
    padding: 0 4px;
    margin-right: 5px;
}

.upgrade_ent a:hover {
    color: #fff;
    background-color: #44b146;
    background-image: -webkit-linear-gradient(to left, #44b146, #51cd55);
    background-image: linear-gradient(-90deg, #44b146, #51cd55);
}

/*????????*/

.act_botm_box {
    position: fixed;
    margin-bottom: 10px;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 70px;
}

.act_botm_box .w1200 {
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 30px;
    line-height: 70px
}

.act_botm_box .w1200 .btnn {
    display: inline-block;
    width: 225px;
    height: 50px;
    background-position: -363px -166px;
    vertical-align: -16px
}

.act_botm_box .click_close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    top: 17px;
}

.xy1200 {
    position: relative;
}

/*???????*/

.loginBoxN {
    width: 592px;
    min-height: 432px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -326px;
    margin-top: -216px;
    z-index: 10001;
    border-radius: 5px;
    padding: 0 30px
}

.loginBoxN .loginBoxCommH {
    text-align: center
}

.loginBoxN .loginBoxCommH ._logo {
    display: inline-block;
    height: 36px;
    width: 120px;
    background-position: -407px -106px;
    margin-top: 32px;
    margin-bottom: 10px
}

.loginBoxN .loginBoxCommH ._tip {
    color: #999;
    font-size: 14px
}

.loginBoxN .loginBoxCommH ._tip:after,
.loginBoxN .loginBoxCommH ._tip:before {
    content: '';
    display: inline-block;
    height: 1px;
    background-color: #dbdbdb;
    width: 230px;
    margin-top: 10px
}

.loginBoxN .loginBoxCommH ._tip:before {
    float: left
}

.loginBoxN .loginBoxCommH ._tip:after {
    float: right
}

.loginBoxN .loginRegBox {
    width: 100%
}

.loginBoxN .loginRegBox ._left {
    width: 380px;
    border-right: 1px solid #ebebeb;
    margin-top: 30px;
    padding-left: 13px
}

.loginBoxN .input_box {
    margin-bottom: 25px;
    width: 336px;
    height: 46px;
    position: relative
}

.loginBoxN .l_success_tip {
    width: 20px;
    height: 20px;
    background-position: -658px -43px;
    position: absolute;
    right: 11px;
    top: 13px;
    display: none
}

._verify.l_success_tip {
    right: 156px
}

.loginBoxN .l_input_s {
    display: inline-block;
    height: 44px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    color: #999;
    text-indent: 10px;
    outline: 0
}

.loginBoxN .l_txcode.l_input_s {
    width: 192px;
}

.loginBoxN .l_input_s.success_s,
.loginBoxN .l_input_s:focus {
    border-color: #4ac060
}

.loginBoxN .l_input_s.error_s {
    border-color: #f85234
}

.l_input_s.l_password,
.l_input_s.l_password_ag,
.l_input_s.l_phone {
    width: 333px
}

.l_input_s.l_verify {
    width: 189px
}

.loginBoxN input::-webkit-input-placeholder {
    color: #dbdbdb
}

.loginBoxN .l_error_tip {
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 12px;
    color: #f85234;
    font-size: 12px;
    display: none
}

.loginBoxN .l_error_tip:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -733px -46px;
    vertical-align: -4px;
    margin-right: 4px
}

.loginBoxN .l_button {
    display: inline-block;
    height: 45px;
    color: #fff;
    background-color: #fe7920;
    text-align: center;
    line-height: 45px;
    border-radius: 5px
}

.l_button.l_changepwd_que,
.loginBoxN .l_button.l_login,
.loginBoxN .l_button.l_reg,
.loginBoxN .l_button.l_reg_que {
    font-size: 18px;
    width: 336px
}

.loginBoxN .l_button.l_getVerify {
    font-size: 16px;
    width: 133px
}

.loginBoxN .l_button.agree:hover {
    background-color: #f5731d
}

.loginBoxN .agree_box {
    font-size: 12px;
    margin-top: 10px
}

.loginBoxN .agree_box input[type=checkbox] {
    margin-right: 8px
}

.loginBoxN .agree_box a {
    color: #f60
}

.loginBoxN .agree_box a:hover {
    text-decoration: underline
}

.loginBoxN .loginBoxCommF {
    position: absolute;
    bottom: 20px;
    right: 10px;
    font-size: 14px;
    color: #555
}

.loginBoxN .loginBoxCommF a {
    color: #f60
}

.loginBoxN .loginBoxCommF a:hover {
    text-decoration: underline
}

.loginBoxN .l_button.no_agree {
    cursor: not-allowed
}

.loginBoxN .login_close {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -696px -46px;
    position: absolute;
    right: 12px;
    top: 12px
}

.loginBoxN ._right {
    margin-top: 76px;
    margin-right: 39px;
    text-align: center;
    color: #888;
    font-size: 16px
}

.loginBoxN .login_qq_icon {
    display: inline-block;
    width: 100px;
    height: 100px;
    background-position: -609px -111px;
    cursor: pointer;
    margin-bottom: 15px
}

.loginBoxN .login_qq_icon:hover {
    background-position: -716px -111px
}

.loginBoxN .setPasswordBox {
    width: 336px;
    margin: 40px auto 0
}

.loginBoxN .changePasswordBox {
    width: 336px;
    margin: 40px auto 0
}

.input_box .cutPassword {
    font-size: 14px;
    text-align: center;
    margin-top: 8px
}

.input_box .returnLogin {
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 20px
}

.input_box .cutPassword a,
.input_box .returnLogin a {
    color: #888
}

@-webkit-keyframes new {
    1% {
        top: 26px
    }
    25% {
        top: 25px
    }
    75% {
        top: 27px
    }
    100% {
        top: 26px
    }

}

@-moz-keyframes new {
    1% {
        top: 26px
    }
    25% {
        top: 25px
    }
    75% {
        top: 27px
    }
    100% {
        top: 26px
    }

}

@-o-keyframes new {
    1% {
        top: 26px
    }
    25% {
        top: 25px
    }
    75% {
        top: 27px
    }
    100% {
        top: 26px
    }

}

@keyframes new {
    1% {
        top: 26px
    }
    25% {
        top: 25px
    }
    75% {
        top: 27px
    }
    100% {
        top: 26px
    }

}

/*????*/

.yangji_type_box {
    position: relative;
    padding-top: 40px;
    width: 240px;
    height: 86px;
    margin: 0 auto;
    overflow: hidden;
}

.imgListBox .imgItemN .imageBoxN img.yangji_type_2,
.imgListBox .imgItemN .imageBoxN img.yangji_type_1 {
    z-index: 1;
    min-width: 171px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    background-image: none;
    display: block;
}

.search_yj_box_2,
.search_yj_box_10,
.search_yj_box_4,
.search_yj_box_62 {
    background: url(../images/inspire/list_yj2_bg.png) no-repeat -2px 0;
    min-height: 130px;
    padding-bottom: 30px;
}

.search_yj_box_1,
.search_yj_box_3,
.search_yj_box_5,
.search_yj_box_9,
.search_yj_box_74,
.search_yj_box_12 {
    background: url(../images/inspire/list_yj2_bg.png) no-repeat -2px 0;
    min-height: 0px;
    padding: 19px 0;
}

.yangji_type_box_2,
.yangji_type_box_10,
.yangji_type_box_4,
.yangji_type_box_62 {
    z-index: 1;
    width: 240px;
    position: relative;
    margin: -2px auto 0 auto;
    overflow: hidden;
    display: block;
    padding: 4px;
    background-color: #fff;
    box-shadow: 2px 6px 12px 1px #BCBCBC;
}

.yangji_type_box_1,
.yangji_type_box_3,
.yangji_type_box_5,
.yangji_type_box_9,
.yangji_type_box_74 {
    z-index: 1;
    width: 240px;
    position: relative;
    margin: -2px auto 0 auto;
    overflow: hidden;
    display: block;
    padding: 4px;
    background-color: #fff;
    box-shadow: 0px 1px 8px 1px #9e9e9e;
}

.search_yj_img {
    min-width: 0 !important;
}

.yangji_type_bottom {
    background: url(../images/inspire/yj_kid1.png) no-repeat;
    position: absolute;
    z-index: 0;
    left: 4px;
    bottom: 11px;
    width: 276px;
    height: 14px;
}

.search_yj_box_12 {
    padding: 19px 0 19px 15px;
    position: relative;
    min-height: 284px;
}

.yangji_type_box_12 {
    z-index: 1;
    position: relative;
    width: 122px;
    overflow: hidden;
    display: block;
    padding: 2px;
    box-shadow: 0px 1px 8px 1px #9e9e9e;
}

.yangji_type_right {
    background: url(../images/inspire/yangji_type_12.png) no-repeat -1px -1px;
    width: 125px;
    height: 284px;
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -142px;
}

.imgListBox .imgItemN .imageBoxN img.yj_img_phone {
    min-width: 0;
    position: absolute;
    top: 50%;
    left: 10px;
}



/*???????*/

.userdrop .userCenter {
    position: relative;
    margin-top: 26px;
    margin-left: 5px;
}

.userdrop .userCenter .user_manage {
    box-shadow: 0 -3px 6px 0px rgba(90, 95, 106, .15);
    border-radius: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 54px;
    z-index: 999;
    display: none;
    width: 360px !important;
    height: 278px !important;
    padding: 0 !important
}

.userdrop .userCenter .user_manage:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    left: 307px;
}

/*??????? 11-15*/

.hdbar-main .notice:hover .notice_icon {
    background-position: -295px -164px;
}

.registerBtn.button-signup span {
    font-size: 16px !important;
    display: inline-block;
    line-height: 36px;
    color: #fff;
}

.registerBtn.button-signup span:hover {
    color: #fe882a;
}

/*del6*/
/*
.search_log_box {
    margin-top: -6px
}
*/

/*add10*/
/*
.right-login .logined-box.fl{
    padding-top: 13px;
}
*/
.right-login .login-register{
    padding-top: 20px;
}
.search-login{padding-top: 7px;}
/*add3*/
.right-login .login-register.cl{padding-top:10px; }
.search_log_box li .qq-login {
    display: block;
    width: 80px;
    height: 36px;
    background-color: #fff;
    color: #999;
    border: 1px solid #dedede;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    margin-right: 12px;
    box-sizing: border-box;
}
/*add11*/
.login-register .logined-box {
    margin-top: -2px;
}

.search_log_box li .registerBtn {
    display: block;
    width: 80px;
    height: 36px;
    background-image: -webkit-linear-gradient(to left, #ff6a23, #fd962d);
    background-image: linear-gradient(-90deg, #ff6a23, #fd962d);
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 36px;
    border-radius: 4px;
    margin-right: 10px;
}

.search_log_box li .qq-login:hover,
.search_log_box li .registerBtn:hover {
    background-image: -webkit-linear-gradient(to left, #ff7a3a, #ffa344);
    background-image: linear-gradient(-90deg, #ff7a3a, #ffa344);
    border-color:#ffa344 ;
    color: #fff;
}

.search_log_box .userdrop {
    margin-top: -10px;
    height: 71px;
}

.search_log_box li .qq-login:hover {
    color: #fff;
}

.search_log_box li .registerBtn:hover span {
    color: #fff;
}
/*del2*/
.login-register {
    position: relative;
    z-index: 9999;
    /*margin-top: 29px;*/
}

/*???vip????*/

.fri {
    float: right !important;
}

.userdrop .userCenter .user_manage_n {
    box-shadow:0 -3px 6px rgba(90, 95, 106, .15);
    border-radius: 4px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 19px;
    z-index: 999;
    display: none;
    width: 400px !important;
    padding: 0 0 10px 0;
}



.user_info_n {
    border-bottom: 1px solid #eae9e9;
    height: 55px;
    margin-top: 15px;
    padding: 0 10px;
}

.user_info_n_img img {
    border-radius: 50%;
}

.user_info_username {
    color: #333;
    font-size: 14px;
    margin: 5px 0 0 10px;
}

.user_info_username em {
    color: #999;
    font-size: 12px;
    margin-left: 7px;
}

.user_manage_n .um_h_icon_b a i {
    display: inline-block;
    vertical-align: middle
}

.login-register .logined-box .userdrop:hover .userCenter .user_manage_n {
    display: block;
}

.user_manage_n .um_h_icon_b {
    float: none;
    margin: 5px 0 0 0;
    width: 72px;
    text-align: center;
    display: inline-block;
}

.user_info_vip_icon {
    margin-left: 10px;
}

.user_info_vip_icon .vip_icon_type1 {
    background-position: -509px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type6 {
    background-position: -509px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type2 {
    background-position: -532px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type3 {
    background-position: -579px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type4 {
    background-position: -556px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type5 {
    background-position: -602px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type7 {
    background-position: -510px -294px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type10 {
    background-position:-486px -294px;
    width: 15px;
    height: 18px;
    display: inline-block;
}
.user_info_vip_icon .vip_icon_type11{
    background-position:-509px -220px;
    width: 18px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_s8 {
    background-position: -558px -294px !important;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_type5.vipAct,
.user_info_vip_icon .vip_icon_type7.vipAct {
    background-position: -533px -292px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.user_info_vip_icon .vip_icon_typenop {
    background-position: -625px -237px;
    width: 15px;
    height: 18px;
    display: inline-block;
}

.my_vip .vip_icon_s1 {
    background-position: -367px -240px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s6 {
    background-position: -367px -240px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.my_vip .vip_icon_s9 {
    background-image: url(//jsnew.90sheji.com/images/pm_icon.png);
    background-repeat: no-repeat;
    background-size: 20px 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 25px;
}

.my_vip .vip_icon_s11 {
    background-position:-448px -295px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s2 {
    background-position: -393px -240px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s3 {
    background-position: -445px -240px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s4 {
    background-position: -419px -240px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s5 {
    background-position: -472px -240px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s7 {
    background-position: -367px -294px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}


.my_vip .vip_icon_s5.vipAct,
.my_vip .vip_icon_s7.vipAct {
    background-position: -392px -294px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s8 {
    background-position: -554px -295px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .vip_icon_s10{
    background-position: -340px -295px;
    width: 20px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.my_vip .zs_vip_icon1 {
    background-position: -368px -344px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.my_vip .zs_vip_icon2 {
    background-position: -398px -344px;
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.user_info_myvip_box,
.user_info_novip_box {
    width: 370px;
    margin: 15px auto 0 auto;
}

.user_info_vipinfo_ul {
    margin-top: 10px;
}

.user_info_vipinfo_ul li {
    height: 37px;
    line-height: 37px;
    text-align: center;
    color: #333;
    font-size: 16px;
    background-color: #FFFAF4;
}

.user_info_vipinfo_ul li em {
    color: #fe6900;
    font-size: 16px;
}

.user_info_novip_top {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    background: url(../images/userinfo_bg.png);
    text-align: center;
}

.user_info_novip_btm {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    border-top: 1px solid #cecece;
    background: url(../images/userinfo_bg.png);
}

.user_info_novip_box span {
    padding: 0 10px;
    border-radius: 18px;
    height: 25px;
    line-height: 25px;
    color: #555;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border: 1px solid #cecece;
}

.user_info_novip_box a:hover span {
    color: #fe6900;
    border: 1px solid #fe6900;
}

.user_info_novip_gp,
.user_info_novip_zh,
.user_info_novip_zsgp {
    display: inline-block;
    margin-right: 0px;
}

.user_info_novip_zsgp i {
    background-position: -47px -278px;
    display: block;
    width: 50px;
    height: 45px;
    margin: 5px auto 0 auto;
}

.user_info_novip_gp i {
    background-position: -236px -231px;
    display: block;
    width: 50px;
    height: 45px;
    margin: 5px auto 0 auto;
}

.user_info_novip_zh i {
    background-position: -300px -231px;
    display: block;
    width: 50px;
    height: 45px;
    margin: 5px auto 0 auto;
}

.user_info_novip_mb i {
    background-position: -47px -231px;
    display: block;
    width: 50px;
    height: 45px;
    margin: 5px auto 0 auto;
}

.user_info_novip_ys i {
    background-position: -111px -231px;
    display: block;
    width: 50px;
    height: 45px;
    margin: 5px auto 0 auto;
}

.user_info_novip_bj i {
    background-position: -173px -231px;
    display: block;
    width: 50px;
    height: 45px;
    margin: 5px auto 0 auto;
}

.user_info_novip_btm div {
    margin: 0 10px;
}

.user_info_novip_btm div.last {
    margin: 0 0 0 10px;
}

.my_vip {
    margin-top: 10px;
}

.my_vip p {
    width: 370px;
    margin: 0 auto;
    font-size: 16px;
    color: #333;
}

.my_vip table {
    width: 370px;
    margin: 0 auto;
    font-size: 14px;
    color: #666;
    margin-top: 5px;
}

.my_vip table td {
    border: 1px solid #eae9e9;
    text-align: left;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
}

.vip_info_tb_num {
    color: #13C458;
}

.user_info_btn {
    margin: 0 auto;
    background: #FBFBFB;
    border-top: 1px solid #F3F2F2;
    margin-top: 10px;
    padding-top: 5px;
}

.um_h_icon_b a i.bk {
    display: block;
}

.um_company_new a i {
    background-position: -405px -143px;
}

.um_h_icon_b.um_company_new:hover a i {
    background-position: -374px -143px;
}

.um_liked a i {
    background-position: -292px -360px;
}

.um_h_icon_b.um_liked:hover a i {
    background-position: -317px -360px;
}

/*??????????????*/

.um_width_max {
    min-width: 79px !important;
}


/*.user_manage_n .um_sala_new,.user_manage_n .um_home_new,.user_manage_n .um_company_new { margin-right:40px; }*/

.user_manage_n .um_h_icon_b.um_logout_new {
    float: right;
}

.user_info_center_box {
    text-align: center;
    display: inline-block;
    /*width:225px;*/
}

/*????????? style ??vip???style*/

.img_vip {
    position: relative;
}

#right-login .logined-box a img {
    border-radius: 50%;
    width: 45px
}

#right-login .vipLogo,
#right-login .vipLogoGray,
#right-login .vipLogo .vipico {
    background-position: center center;
    background-position: -21px -56px;
    width: 23px;
    height: 18px;
    display: inline-block;
    zoom: 1;
    vertical-align: -4px
}

.search_log_box .userdrop .vipLogo,
.search_log_box .userdrop .vipLogoGray {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.imgListBox .imgItem .higeTagIcon,
.flexImages .list .higeTagIcon {
    background-position: -508px -167px;
    width: 53px;
    height: 53px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.imgListBox .imgItem .higeTagIcon_sy {
    background-position: -1108px -798px;
    width: 72px;
    height: 72px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.imgListBox .imgItem .tag--pc-phone{
    background-position: -332px -868px;
    width: 105px;
    height: 26px;
    position: absolute;
    top: -2px;
    left: 10px;
    z-index: 1;
}
.higeTagIcon_sy_show {
    background-position: -1314px -731px;
    width: 136px;
    height: 136px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.userCenter .userId .username_s {
    font-size: 14px;
    color: #fe882a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70px;
    display: inline-block;
}

.favour-box a i {
    display: inline-block;
    width: 22px;
    height: 18px;
    background-position: -241px -164px;
    vertical-align: -5px;
    margin-right: 3px;
}

.hdbar-main .login-register .favour-box .favour-btn:hover {
    color: #fff;
    background-image: -webkit-linear-gradient(to left, #ff6a23, #fd962d);
    background-image: linear-gradient(-90deg, #ff6a23, #fd962d);
}

.hdbar-main .login-register .favour-box .favour-btn:hover i {
    background-position: -266px -164px;
}

.nav_back .nav-cont .nav-menu .menu-title:hover {
    background-color: #f3f3f3;
}




/*???????*/

.imgListBox .imgItemN .imageBoxN .back_gary .back_white img {
    border-radius: 1px;
}

.imageBox.imageBoxN .back_gary .back_white {
    min-height: 70px;
    position: relative;
    z-index: 1;
    background: #f5f5f5;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.imageBox.imageBoxN {
    min-height: 140px !important;
}
.faguang{
    box-shadow: 0px 0 4px 4px #ff7a00;
    border-radius: 8px;
}
.imgListBox .imgItemN .imageBoxN {
    width: 282px;
    height: 417px;
}

.imgListPngNew .imgItemN .imageBoxN {
    width: 268px;
    height: auto;
}

.imgListBox .ht.imgItemN .imageBoxN {
    width: auto;
    height: auto;
}

.imgListBox .imgItemN.yangji_0 .imageBoxN {
    width: 100%;
    height: 100%;
}

.border-btm {
    border-bottom: 1px #e8e8e8 dashed;
}

.back_shadow {
    box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.3);
}

/*1200 ???????*/

/*@media screen and (max-width: 1600px){.imgListBox .imgItemN .back_gary{padding: 18px 22px 16px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .imgListBox .imgItemN .imageBoxN{max-height: 504px;} .png_style{width: 255px; height: 255px;} .back_gary .yangji_type_2{margin: -19px auto 0px !important;} .back_bottom{width: 282px; height: 18px; background: url('../../images/index/bottom_1200.png?v1') no-repeat; position: absolute; z-index: 0; left: 0px; bottom: 14px;} .show_1400{display: none !important;} .show_1200{display: block!important;} .loading{width: 239px !important;} .png_load_style{width: 283px !important;}}*/
.imgListBox .imgItemN.newyj_1 .imageBoxN {
    height: 478px;
    background: #ebeff2;
}


@media screen and (max-width: 1600px) {
    .imgListBox .imgItemN.yangji_22,
    .imgListBox .imgItemN.yangji_2,
    .imgListBox .imgItemN.yangji_12,
    .imgListBox .imgItemN.yangji_4640,
    .imgListBox .imgItemN.yangji_4520,
    .imgListBox .imgItemN.yangji_741,
    .imgListBox .imgItemN.yangji_742 {
        padding: 0;
    }
    .imgListBox .imgItemN.yangji_1{
        padding: 18px 22px 16px;
    }
    .imgListBox .imgItemN {
        width: 283px;
        max-height: 457px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }
    .imgListBox .imgItemN.yangji_0 {
        padding: 0;
    }
    .imgListBox .imgItemN.newyj_1 .imageBoxN {
        height: 418px;
        background: #ebeff2;
    }
    .imgListBox .imgItemN {
        background-size: 283px 417px !important;
    }
    .png_style {
        width: 255px;
        height: 255px;
    }
    .back_gary .yangji_type_2 {
        margin: -19px auto 0px !important;
    }
    .back_bottom {
        width: 282px;
        height: 18px;
        background: url('./../images/index/bottom_1200.png?v1') no-repeat;
        position: absolute;
        z-index: 0;
        left: 0px;
        bottom: 14px;
    }
    .show_1400 {
        display: none !important;
    }
    .show_1200 {
        display: block !important;
    }
    .loading {
        width: 239px !important;
    }
    .png_load_style {
        width: 283px !important;
    }
    .imgListBox .imgItemN.imgitem_bj_index {
        height: 283px;
        padding: 0;
    }
    .imgListBox .imgItemN.imgitem_bj_index_1 {
        height: 380px;
        padding: 0;
    }
    .imgListBox .imgItemN.imgitem_bj_index.hori,
    .flexImages .imgItemN {
        height: auto;
        padding: 0;
    }
    .imgListPngNew .imgItemN {
        height: auto;
        padding: 0;
        /* width: 230px !important; */
        width: 266px !important;
    }
    .imgListPngNew .imgItemN .imageBoxN,
    .imgListPngNew .imgItemN .imageBoxN img {
        width: 250px !important;
    }
    .imgListBox .imgItemN .beijing_3 {
        width: 239px !important;
        height: 249px !important;
        padding: 18px 22px 16px;
    }
    .imgListBox .imgItemN .back_gary.back_gary_2 {
        padding: 20px;
    }
    /*.imgListBox .yangji_1 .imageBoxN { padding:18px 24px 24px;width:235px;height:375px; }*/
    .imgListBox .yangji_1 .imageBoxN {
        width: 235px;
        height: 375px;
    }
    .imgListBox .yangji_10 .imageBoxN {
        padding: 18px 22px 22px;
        width: 239px;
        height: 377px;
    }
    .imgListBox .imgItemN a.collNew.downloadNew {
        width: 110px !important;
        margin-left: -55px;
    }
    .imgListBox .imgItemN a.collNew.downloadNew em {
        left: 9px !important;
    }
}

/*???? ????*/

.hot_sty {
    position: relative;
}

.hot_sty i {
    display: inline-block;
    width: 24px;
    height: 16px;
    position: absolute;
    right: 0px;
    background-position: -239px -78px;
}

/*???????*/

.pagechoose_box {
    float: left;
    margin-left: 40px;
    color: #777;
    height: 51px;
    line-height: 51px;
}

.pagechoose_box .pagechoose_inp,
.pagechoose_box .pageChooseBtn {
    width: 52px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 3px;
    color: #777;
    border: 1px solid #ccc;
}

.pagechoose_box .pageChooseBtn {
    cursor: pointer;
    margin-left: 8px;
    background-color: #E8E8E8;
}

.pagechoose_box .pageChooseBtn:hover {
    background-color: #D7D7D7;
}



/*??????????? ?????? 12-11*/

.searchTxtStyle {
    color: #999;
    margin-right: 20px;
}

.searchreTip {
    float: left;
    color: #999;
}

.searchContWarp {
    float: left;
}

.searchContSh {
    width: 105%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 20px;
}

.headFixed.head .searchContWarp {
    width: 80%;
}

.headFixed.head .searchreTip {
    width: 20%;
}

.searchContWarp {
    width: 80%;
}

.searchreTip {
    width: 20%;
}

.search_line {
    margin: 5px 20px;
    border-bottom: 1px solid #dedede;
}

#right-login .vipLogo {
    width: 26px;
    height: 30px;
    background-position: -215px -122px !important;

}

#right-login .vipLogoGray {
    width: 26px;
    height: 30px;
    background-position: -246px -122px !important;
}


/*????drop*/

.submenu-nav ul li:hover .submn-drop {
    display: block;
}

.submn-drop {
    position: absolute;
    left: 160px;
    padding: 24px 20px;
    background: #fff;
    color: #666;
    width: 820px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #f2f2f2;
}

.nav_o1 .submn-drop {
    top: 0px;
}

.nav_o2 .submn-drop {
    top: 0px;
}

.nav_o3 .submn-drop {
    top: 15px;
}

.nav_o4 .submn-drop {
    top: 53px;
}

.nav_o5 .submn-drop {
    top: 90px;
}

.nav_o6 .submn-drop {
    top: 130px;
}

.nav_o7 .submn-drop {
    bottom: 32px;
}

.nav_o8 .submn-drop {
    bottom: 0px;
}

.nav_o9 .submn-drop {
    bottom: 0px;
}

.submn-drop .row {
    overflow: hidden;
}

.submn-drop .mr30 {
    margin-bottom: 30px;
}

.submn-drop .click-fen {
    display: inline-block;
    float: left;
    line-height: 100%;
    font-size: 14px;
    color: #666;

}

.submn-drop .click-fen:hover {
    color: #ff6100;
    text-decoration: underline;
}

#jr_row .click-fen {
    border-right: 1px solid #eee;
    padding-right: 20px;
    height: 18px;
    line-height: 18px;
    margin: 10px 20px 10px 0;
}

.submn-drop #jr_row .click-fen.click-fen-right,
.submn-drop #jr_row .click-fen:last-child {
    border-right: none;
}

.segline {
    display: inline-block;
    margin: 0px 22px;
    background: #eee;
    width: 1px;
    height: 15px;
    float: left;
}

/*???????*/

/*????*/

.back_gary .clips:after {
    content: "";
    position: absolute;
    border-left: 1px solid #afaeae;
    height: 36px;
    left: 6px;
    top: -34px;
}

.back_gary .clips {
    display: inline-block;
    width: 12px;
    height: 15px;
    background-position: -398px -32px;
    position: absolute;
    top: 33px;
    z-index: 2;
}

.back_gary .clips.c_left {
    left: 60px;
}

.back_gary .clips.c_right {
    right: 60px;
}


/*????????*/

.flexImages .list {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #eee;
    float: left;
    margin-left: 25px;
    margin-bottom: 30px;
    width: 450px;
    height: 300px;
    transition: all .2s;
}

.beijing.loading {
    width: 100% !important;
    height: 300px;
}

.beijing100.loading {
    width: 100% !important;
    height: 100%;
}

.flexImages .list img {
    width: 100%;
    height: 100%;
}

.cateNav i,
.clips {
    background-image: url(./../images/inspire/indexbj.png);
    background-repeat: no-repeat;
}

@media screen and (max-width: 1600px) {
    .pngListBox .pngItem.imgItem a.collNew.likeNew {
        margin-left: 0px !important;
    }

    .pngListBox .pngItem.imgItem .mask {
        width: 215px;
        height: 215px;
    }

    .pngListBox .pngItem.imgItem .likeDownButtonWarp {
        left: 16px !important;
    }


    /*?M????*/
    .imgListBox .imgItemN.ht {
        width: 588px;
        border-radius: 3px;
        margin-right: 20px;

    }
    .imgListBox .imgItemN.ht .imageBoxN {
        border-radius: 3px;
    }
    .imgListBox .imgItemN.ht .back_gary {
        border-radius: 3px;

    }


    /*????????*/
    .imgListBox .imgItemN.sft {
        width: 283px;
        border-radius: 3px;
        margin-right: 22px;

    }
    .imgListBox .imgItemN.sft .imageBoxN {
        border-radius: 3px;
    }



    /*??????*/
    .imgListBox .imgItemN.tt {
        width: 283px;
        border-radius: 8px;
        margin-right: 22px;

    }
    .imgListBox .imgItemN.tt .imageBoxN {
        border-radius: 8px;
    }
    .imgListBox .imgItemN.tt .back_gary {
        padding: 30px 22px;
        border-radius: 8px;
    }

    .imgListBox .imgItemN.tt .imageBoxN img {
        min-width: 232px;
    }
    .quan.flexImages {
        width: 1225px;
        margin-left: -25px;
    }



}

#checkCodeForReg {
    background-color: #626262;
    font-size: 24px;
    width: 90px;
    height: 45px;
    font-family: Arial;
    font-style: italic;
    color: #fff;
    border: 0;
    padding-left: 10px;
    letter-spacing: 8px;
    font-weight: bolder;
    margin-top: 1px;
    margin-left: 10px;
}

.RegCodeReff,
.RegCodeReffForCPass {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("./../images/img-code-bg.png");
    cursor: pointer;
    margin-left: 5px;
}

.hd_flag_wraper {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10001;
    width: 640px;
    height: 400px;
    margin: -200px 0 0 -320px;
    background-color: #fff;
    border-radius: 4px;
}

.pay_success_flag_icon {
    background: url(../images/hd/hd_icon_s.png) -416px -88px no-repeat;
    width: 216px;
    height: 39px;
    margin: 38px auto 0 auto;
}

.hd_flag_wraper .contentBox {
    margin: 50px auto 0 auto;
}

.hd_flag_wraper .contentBox .title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.hd_flag_wraper .contentBox .content {
    text-align: center;
    margin: 20px 0;
}

.hd_flag_wraper .contentBox .close {
    text-align: center;
    width: 208px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    background: #FF5B4F;
    border-radius: 4px;
    display: block;
    margin: 70px auto 0 auto;
}

.hd_flag_wraper .contentBox .close:hover {
    background: #d4261a;
}

.hd_flag_wraper .closeButton {
    background-image: url(./../images/n-indexIcons-3.png?v18.96);
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -696px -46px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.imageBoxN .flag_lb {
    background-position: -428px -169px;
    width: 65px;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: -3px;
    bottom: 35px;
    z-index: 9;
    cursor: pointer;
}

.imageBoxN .flag_lb_on {
    background-position: -361px -170px;
    width: 65px;
    height: 50px;
    display: inline-block;
    position: absolute;
    right: -3px;
    bottom: 35px;
    z-index: 9;
}

.imageBoxN .flag_lb:hover {
    background-position: -361px -170px;
    cursor: url(./../images/hd/flag_hover_s.png?v1), pointer;
}

.flexImages .list .flag_lb {
    background-position: -435px -226px;
    width: 58px;
    height: 63px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 9;
    cursor: pointer;
}

.flexImages .list .flag_lb_on {
    background-position: -373px -226px;
    width: 58px;
    height: 63px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 9;
}

.flexImages .list .flag_lb:hover {
    background-position: -373px -226px;
    cursor: url(./../images/hd/flag_hover_s.png?v1), pointer;
}

/*???????*/

.hd-cont .logo .ltx {
    display: inline-block;
    height: 24px;
    border-left: 1px solid #888;
    color: #888;
    vertical-align: 15px;
    text-indent: 10px;
    font-size: 14px;
    line-height: 24px
}

.favour-box .favour-btn {
    display: inline-block;
    width: 90px;
    height: 26px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    background: #26b116;
    background: -moz-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -webkit-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -o-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -ms-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2dc61d), to(#26b116));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2dc61d), to(#26b116));
    background: linear-gradient(to right, #2dc61d 20px, #26b116 100%);
    color: #fff
}

.favour-box .favour-btn i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-position: -668px -239px
}

.favour-box .favour-btn:hover {
    opacity: 0.9
}


.login-register .notice_icon {
    display: inline-block;
    width: 18px;
    height: 26px;
    background-position: -691px -233px;
    transition: none;
}
/*add2 padding-top*/
.login-register .notice {
    position: relative;
    margin: 0 17px;
    padding-top: 5px;
}
.login-register .notice a {
    width: 45px;
    height: 26px;
    border-radius: 20px;
    text-align: center;
}
/*add3*/
.login-register .favour-box{
    padding-top: 5px;
}
.login-registe .favour-box{

}
.login-register .notice a:hover {
    background: #ff7800;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%)
}

.login-register .notice:hover .notice_icon {
    background-position: -715px -233px
}

.login-register .notice:hover .icon-num {
    background-color: #fff;
    color: #ff7800
}

.gradient-org {
    background: #ff7800;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%)
}

.vip_drop_new {
    border-radius: 8px;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .2)
}

.id_vip_icon {
    margin-top: 5px;
    /*width: 94px*/
}

.id_vip_icon p {
    margin-left: 10px;
    color: #999;
    font-size: 14px
}
/*del3*/
.login-register .logined-box .userdrop {
    /*margin-top: -15px;*/
    cursor: pointer
}

._vhot_i {
    display: inline-block;
    padding: 2px 5px;
    border-radius: 6px;
    background-color: #f83030;
    color: #fff;
    font-size: 12px;
    line-height: 99%
}

.NewSearch {
    margin: 40px auto 26px;
    width: 872px;
    height: 76px
}

.NewShowSearch {
    margin: 20px 0 0 45px;
    width: 512px;
    height: 40px
}

.NewShowSearch .search-area .search_div .input_search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    width: 427px;
    height: 40px;
    outline: 0;
    border: 1px solid #fe6c23;
    border-radius: 5px;
    text-indent: 80px
}

.fh-search-box {
    float: left;
    margin: 15px 0 0 66px;
    width: 660px;
    height: 40px
}
.fh-search-box .search-area .search_div .hide-autocomplete{
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.fh-search-box .search-area .search_div .input_search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    height: 40px;
    outline: 0;
    border: 1px solid #fe6c23;
    border-radius: 5px;
    text-indent: 80px
}

.fh-search-box.fh-show-seb {
    float: left;
    margin: 15px 0 0 100px;
    width: 529px;
    height: 40px
}

.fh-search-box.fh-show-seb .search-area .search_div .input_search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    height: 40px;
    outline: 0;
    border: 1px solid #fe6c23;
    border-radius: 5px;
    text-indent: 80px
}

.NewSearch .search-area .search_div .input_search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 20px;
    width: 758px;
    height: 50px;
    outline: 0;
    border: 1px solid #fe6c23;
    border-radius: 5px;
    text-indent: 15px
}

.NewSearch .search-btn {
    display: inline-block;
    margin-left: -11px;
    width: 124px;
    height: 50px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    line-height: 50px
}

.NewShowSearch .search-btn {
    display: inline-block;
    margin-left: -11px;
    width: 95px;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.fh-search-box .search-btn {
    display: inline-block;
    margin-left: -11px;
    width: 106px;
    height: 40px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    line-height: 40px
}

.NewSearch .search_div,
.NewShowSearch .search_div,
.fh-search-box .search_div {
    position: relative
}

.NewSearch .search-btn:hover,
.NewShowSearch .search-btn:hover,
.fh-search-box .search-btn:hover {
    background: #ff8d24;
    background: -moz-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -webkit-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -o-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -ms-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffa024), to(#ff6f24));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffa024), to(#ff6f24));
    background: linear-gradient(to right, #ffa024 0, #ff6f24 100%)
}

.index-search-nav span.hover,
.index-search-nav span:hover {
    color: #fff;
    font-size: 16px;
    background-position: -865px -150px;
}

.nav-cont .nav-list li .list-drop.muban_drop {
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 539px;
    border-radius: 8px;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .2)
}

.nav-cont .nav-list li .list-drop.muban_drop:before {
    left: 133px
}

.nav-cont .nav-list li .list-drop.muban_drop .h_md {
    overflow: hidden;
    height: 64px;
    border-bottom: 1px dashed #dedede
}

.nav-cont .nav-list li .list-drop.muban_drop .f_md {
    overflow: hidden;
    height: 52px;
    border-top: 1px dashed #dedede;
    line-height: 52px
}

.list-drop.muban_drop .h_md .h_md_bc {
    margin-top: 20px;
    height: 39px;
    background-position: -54px -333px;
    text-indent: 10px;
    line-height: 39px;
    background: none;
}

.list-drop.muban_drop .b_md {
    overflow: hidden;
    margin: 25px 10px 0
}

.list-drop.muban_drop .b_md .btt,
.list-drop.muban_drop .f_md .btt {
    display: inline-block;
    width: 60px
}

.list-drop.muban_drop .f_md .btt {
    display: inline-block;
    margin-left: 10px;
    width: 60px
}

.list-drop.muban_drop .b_md .bss,
.list-drop.muban_drop .f_md .bss {
    overflow: hidden;
    width: 438px
}

.list-drop.muban_drop .b_md .bss a {
    float: left;
    display: inline-block;
    margin-bottom: 24px;
    width: 107px;
    color: #777;
    font-size: 14px
}

.list-drop.muban_drop .f_md .bss a {
    float: left;
    display: inline-block;
    width: 108px;
    color: #777;
    font-size: 14px
}

.list-drop.muban_drop .b_md .bss a:hover,
.list-drop.muban_drop .f_md .bss a:hover {
    color: #fe6c23;
    text-decoration: underline
}

.nav-cont .nav-list li .list-drop.vip_drop_new {
    left: -336px
}

.search-show-box {
    position: relative
}

.search_nav_show {
    position: absolute;
    z-index: 13
}

.NewShowSearch .searchreTip {
    width: 22%
}

.NewShowSearch .searchContWarp {
    width: 78%
}

.nav_back .nav-list ul li:hover .list-tit {
    color: #fe6c23
}

.floatHeader .logo span {
    display: inline-block;
    margin-top: 17px;
    width: 116px;
    height: 35px;
    background-position: -572px -439px
}

.floatHeader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
    padding: 0;
    padding: 0;
    width: 100%;
    height: 70px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    box-shadow: 0 0 8px rgba(0, 0, 0, .1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
/*del*/
/*
.floatHeader .login-register {
    margin-top: 22px
}
*/

.fh-warp {
    margin: auto;
    width: 1400px
}

.fh-show-warp.fh-warp {
    width: 1200px
}

.fh-nav {
    margin-left: 10px
}

.fh-nav ul li {
    position: relative;
    float: left;
    margin: 0 15px;
    font-size: 14px
}

.fh-nav ul li a {
    display: inline-block;
    height: 70px;
    color: #888;
    line-height: 70px
}

.fh-nav ul a.tringle:after {
    display: inline-block;
    margin-left: 3px;
    width: 0;
    height: 0;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #888;
    border-left: 3px solid transparent;
    content: '';
    vertical-align: 3px
}

.fh-list-drop {
    position: absolute;
    display: none;
    margin-left: -200px;
    width: 462px;
    height: 110px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2)
}

.fh-list-drop:before {
    position: absolute;
    top: -5px;
    left: 48%;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 5px solid #ff6100;
    border-left: 8px solid transparent;
    content: ''
}

.fh-nav ul li .fh-list-drop a {
    float: left;
    display: block;
    margin: 0;
    padding: 0;
    width: 25%;
    height: 110px;
    text-align: center;
    line-height: 20px
}

.fh-nav ul li .fh-list-drop a i {
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 5px;
    width: 30px;
    height: 30px
}

.fh-nav ul li .fh-list-drop a span {
    display: block;
    width: 100%;
    height: 20px;
    text-align: center
}

.fh-ld-ic-dsmb i {
    background-position: -397px -441px
}

.fh-ld-ic-sjys i {
    background-position: -441px -441px
}

.fh-ld-ic-bjt i {
    background-position: -482px -441px
}

.fh-ld-ic-dsgj i {
    background-position: -526px -441px
}

.fh-nav ul li a:hover {
    color: #ff5f00
}

.fh-nav ul li a.tringle:hover.tringle::after {
    border-bottom-color: #ff5f00
}

.fh-nav ul li:hover .fh-list-drop {
    display: block
}

.fh-list-drop a.fh-ld-ic-dsmb:hover i {
    background-position: -219px -440px
}

.fh-list-drop a.fh-ld-ic-sjys:hover i {
    background-position: -264px -440px
}

.fh-list-drop a.fh-ld-ic-bjt:hover i {
    background-position: -306px -440px
}

.fh-list-drop a.fh-ld-ic-dsgj:hover i {
    background-position: -351px -440px
}

.fh-nav ._vhot_i {
    margin-left: 3px
}

.floatHeader .favour-box,
.floatHeader ul li.notice {
    display: none
}

.floatHeader .down_style.show_dwon_like_btn_sy.fh-downbtn {
    float: right;
    margin-top: 12px;
    width: 262px;
    height: 45px;
    font-size: 17px;
    line-height: 45px
}

.floatHeader .img_vip img {
    border-radius: 50%
}

/*search list  2018-2-24 */

.searchTipItem .spanli {
    float: left;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    border-radius: 3px;
    text-align: center;
    line-height: 19px;
    font-size: 14px;
    color: #fff;
}

/*sp_s1*/

.searchTipItem .spanli.sp_s1 {
    background-color: #ff0d29;
}

.searchTipItem .spanli.sp_s2 {
    background-color: #f2c12b;
}

.searchTipItem .spanli.sp_s3 {
    background-color: #f9763d;
}

.searchTipItem .spanli.sp_so {
    background-color: #c3c3c3;
}

/*????*/

.imgListBox .imgItemN {
    background: none;
    border-radius: 8px;
}

.imgListBox .imgItemN.yangji_10 {
    border-radius: 8px;
    background: url(../images/yangji/yj_zhutu.png?v1.2) no-repeat;
}

.imgListBox .imgItemN.yangji_1 {
    border-radius: 8px;
    background: url(../images/yangji/nyj_bg.png) no-repeat;
}

.imgListBox .imgItemN.yangji_2 {
    border-radius: 8px;
    background: url(../images/yangji/yj_hb_1.png?v1.1) no-repeat;
}

.imgListBox .imgItemN.yangji_22 {
    border-radius: 8px;
    background: url(../images/yangji/yj_hb_2.png?v1.1) no-repeat;
}

.imgListBox .imgItemN.yangji_12 {
    border-radius: 8px;
    background: url(../images/yangji/yj_sj.png?v1) no-repeat;
}

.imgListBox .imgItemN.yangji_4640 {
    border-radius: 8px;
    background: url(../images/yangji/yj_zz6.png?v1.1) no-repeat;
}

.imgListBox .imgItemN.yangji_4520 {
    border-radius: 8px;
    background: url(../images/yangji/yj_zz5.png?v1.1) no-repeat;
}

.imgListBox .imgItemN.yangji_741 {
    border-radius: 8px;
    background: url(../images/yangji/yj_zh1.png?v1.1) no-repeat;
}

.imgListBox .imgItemN.yangji_742 {
    border-radius: 8px;
    background: url(../images/yangji/yj_zh2.png) no-repeat;
}

.imgItem.imgItemN .yangjibox_10 img {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_10 {
    position: relative;
}

.imgItem.imgItemN .yangjibox_10 .yj_img_b {
    top: 200px;
    left: 23px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_10 .yj_img_m {
    top: 35px;
    left: 31px;
}

.imgItem.imgItemN .yangjibox_10 .yj_img_s {
    top: 54px;
    left: 214px;
}

.imgItem.imgItemN .yangjibox_10 .yj_img_sb {
    top: 180px;
    left: 23px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_10 .yj_img_sm {
    top: 35px;
    left: 29px;
}

.imgItem.imgItemN .yangjibox_10 .yj_img_ss {
    top: 52px;
    left: 189px;
}

.imgItem.imgItemN .yangjibox_22 img,
.imgItem.imgItemN .yangjibox_22 .yj_img_s,
.imgItem.imgItemN .yangjibox_22 .yj_img_ss {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_22 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_22 .yj_img_b {
    top: 209px;
    left: 8px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_22 .yj_img_s {
    top: 50px;
    left: 45px;
    height: 100px;
    overflow: hidden;
    width: 237px;
}

.imgItem.imgItemN .yangjibox_22 .yj_img_sb {
    top: 183px;
    left: 8px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_22 .yj_img_ss {
    top: 41px;
    left: 39px;
    height: 95px;
    overflow: hidden;
    width: 207px;
}

.imgItem.imgItemN .yangjibox_2 img,
.imgItem.imgItemN .yangjibox_2 .yj_img_s,
.imgItem.imgItemN .yangjibox_2 .yj_img_ss {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_2 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_2 .yj_img_b {
    bottom: 44px;
    left: 8px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_2 .yj_img_s {
    top: 58px;
    left: 51px;
    height: 91px;
    overflow: hidden;
    width: 217px;
}

.imgItem.imgItemN .yangjibox_2 .yj_img_sb {
    bottom: 37px;
    left: 8px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_2 .yj_img_ss {
    top: 51px;
    left: 45px;
    height: 79px;
    overflow: hidden;
    width: 189px;
}

.imgItem.imgItemN .yangjibox_12 img,
.imgItem.imgItemN .yangjibox_12 .yj_img_s,
.imgItem.imgItemN .yangjibox_12 .yj_img_ss {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_12 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_12 .yj_img_b {
    top: 14px;
    left: 16px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_12 .yj_img_s {
    top: 100px;
    left: 187px;
    height: 209px;
    width: 112px;
    overflow: hidden;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.imgItem.imgItemN .yangjibox_12 .yj_img_sb {
    top: 12px;
    left: 14px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_12 .yj_img_ss {
    top: 87px;
    left: 163px;
    height: 182px;
    width: 99px;
    overflow: hidden;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.imgItem.imgItemN .yangjibox_4640 img {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_4640 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_4640 .yj_img_b {
    bottom: 42px;
    left: 8px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_4640 .yj_img_m {
    top: 68px;
    left: 91px;
    max-height: 70px;
}

.imgItem.imgItemN .yangjibox_4640 .yj_img_sb {
    bottom: 36px;
    left: 7px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_4640 .yj_img_sm {
    top: 59px;
    left: 79px;
    max-height: 65px;
}

.imgItem.imgItemN .yangjibox_4520 img {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_4520 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_4520 .yj_img_b {
    bottom: 8px;
    left: 8px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_4520 .yj_img_m {
    top: 79px;
    left: 92px;
    max-height: 65px;
}

.imgItem.imgItemN .yangjibox_4520 .yj_img_sb {
    bottom: 7px;
    left: 7px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_4520 .yj_img_sm {
    top: 69px;
    left: 80px;
    max-height: 57px;
}

.imgItem.imgItemN .yangjibox_742 img {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_742 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_742 .yj_img_b {
    bottom: 14px;
    left: 15px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_742 .yj_img_sb {
    bottom: 12px;
    left: 13px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_741 img,
.imgItem.imgItemN .yangjibox_741 .yj_img_m,
.imgItem.imgItemN .yangjibox_741 .yj_img_sm {
    position: absolute;
}

.imgItem.imgItemN .yangjibox_741 {
    position: relative;
    height: 100%;
}

.imgItem.imgItemN .yangjibox_741 .yj_img_b {
    bottom: 45px;
    left: 5px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_741 .yj_img_m {
    left: 67px;
}

.imgItem.imgItemN .yangjibox_741 .yj_img_sb {
    bottom: 40px;
    left: 5px;
    border: 1px solid #fff;
}

.imgItem.imgItemN .yangjibox_741 .yj_img_sm {
    left: 59px;
}

.imgItem.imgItemN .back_gary {
    background: none;
    position: relative;
    display: inline-block;
}

.imgListBox .imgItem .mask,
.flexImages .mask {
    border-radius: 3px;
}

.item-info-box {
    border-radius: 8px;
}



/*???��?????*/

.imgListBox .imgItemN a.collNew.likeNew {
    width: 65px;
    height: 45px;
    border-radius: 25px;
    background: #fafafa;

}

.flexImages a.collNew.likeNew em,
.imgListBox .imgItemN a.collNew.likeNew em {
    background-position: -1168px -155px;
    margin-top: 3px;
}

.flexImagesa.collNew.likeNew.cancelLikeBut em,
.imgListBox .imgItemN a.collNew.likeNew.cancelLikeBut em {
    background-position: -1217px -155px;
}


.imgListBox .imgItemN a.collNew.downloadNew {
    width: 180px;
    height: 48px;
    line-height: 48px;
    border-radius: 25px;
    font-size: 16px;
    background: #ff7a00;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%)
}

.imgListBox .imgItemN a.download {
    bottom: 20px;
    left: 50%;
    margin-left: -90px;
    top: auto;
}

.flexImages .list a.download.downloadNew em,
.imgListBox .imgItemN a.collNew.downloadNew em {
    background-position: -1268px -158px;
    top: 14px;
    left: 29px;
}

/*.ajaxrightbtn{position: fixed; right: 0px; top: 50%; z-index: 11;}*/

.ajaxrightbtn {
    position: fixed;
    right: 10px;
    z-index: 9999;
    bottom: 50px;
    top: inherit;
}

/*@media screen and (min-width:1388px){ .ajaxrightbtn{ bottom: 10%; } }*/

.funBtnbox {
    width: 58px;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    background: #fff;
}

.shopping-cart {
    width: 58px;
    height: 86px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(197, 197, 197, 0.5);
    border-radius: 6px;
    margin-bottom: 20px;
    padding-top: 13px;
    cursor: pointer;
    position: relative;
    display: block;
}

.shopping-cart .cart {
    width: 32px;
    height: 29px;
    background: url('../images/cart.png') no-repeat center;
    background-size: 32px 29px;
    margin: 0 auto;
}

.shopping-cart .batch-text {
    width: 24px;
    height: 30px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #999999;
    line-height: 15px;
    margin: 7px auto 0;
}

.shopping-cart .cart-marker {
    width: 20px;
    height: 20px;
    background: linear-gradient(139deg, #FF8C00 0%, #FF6500 100%);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}


.rb_ty {
    width: 100%;
    height: 64px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.rb_ty1 {
    width: 100%;
    height: 64px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 10px;
}
.br_top {
    border-radius: 8px 8px 0px 0px;
}

.br_bom {
    border-radius: 0px 0px 8px 8px;
}

.rb_ty ._mo1 i {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
}

.rb_ty ._mo1 p {
    font-size: 12px;
    color: #999;
    text-align: center;
}
.rb_ty1 ._mo1 i {
    display: block;
    width: 30px;
    height: 30px;
    margin: auto;
}

.rb_ty1 ._mo1 p {
    font-size: 12px;
    color: #999;
    text-align: center;
}
.zlg_mo1._mo1 i {
    height: 40px;
    background-position: -1453px -333px;
}

.rb_line {
    display: block;
    margin: auto;
    width: 39px;
    height: 0px;
    border-bottom: 1px solid #dedede;
}

.wx_mo1._mo1 i {
    height: 26px;
    background-position: -1014px -152px;
}

.kf_mo1._mo1 i {
    height: 26px;
    background-position: -963px -152px;
}

.top_mo1._mo1 i {
    background-position: -1065px -152px;
}

.rb_ty.rb_top {
    height: 58px;
}

.top_mo1 {
    padding-top: 14px;
}

.rb_wx.rb_ty,
.rb_kf.rb_ty {
    padding-top: 10px;
    position: relative;
}

._mo2 {
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 100%;
    height: 64px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 16px;
    display: none;
}

.rb_gradient {
    background: #ff7800;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
}

.rb_ty:hover {
    background: #ff7800;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
    padding-top: 0px;
}

.rb_ty:hover ._mo1 {
    display: none
}

.rb_ty:hover ._mo2 {
    display: block
}

.rb_ty:hover .rb_drop {
    display: block;
}

.rb_drop {
    width: 192px;
    border-top: 5px solid #ff6b0f;
    position: absolute;
    border-radius: 8px;
    top: 0px;
    left: -210px;
    background: #fff;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.rb_drop:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: -1137px -398px;
    position: absolute;
    right: -18px;
    top: 130px;
}

.rb_drop:after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 100%;
    position: absolute;
    right: -21px;
    top: 0px;
}

.rb_weixinQr {
    background-position: -1003px -394px;
    width: 130px;
    height: 130px;
    margin: 20px auto 0px;
}

.rb_drop.weixin p {
    color: #999;
    text-align: center;
    font-size: 12px;
}

.rb_drop.lxkf {
    padding: 0px 12px;
    margin-top: -108px;
}

.rb_icon i {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: -6px;
}

.rb_icon i.icon_1 {
    background-position: -958px -395px;
}

.rb_icon i.icon_2 {
    background-position: -926px -395px;
}

.rb_qqtalk_btn {
    display: inline-block;
    width: 80px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 15px;
    margin: 10px 0px 15px;
}

.rb_qqtalk_btn:hover {
    opacity: 0.9;
}

.rb_lxfk_1 {
    border-bottom: 1px solid #dedede;
}

.fbs-gotp {
    margin-top: 10px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}

.br_all {
    border-radius: 8px;
}

.imgListBox .imgItemN.indexMubanItem {
    height: 417px;
}

.imgListBox .imgItemN.indexPngItem {
    height: 232px;
}

.newback_tags_warp {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.1);
}

.back_filter_ul {
    margin: 10px 0;
    height: 43px;
    overflow: hidden;
}

.new_back .back_filter_ul {
    margin: 7px 0;
    height: 40px;
    overflow: hidden
}

.new_back.back_tags {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
}

.new_back.back_tags .back_tags_span {
    padding-top: 18px;
}

/*
* time:2018/11/07
* name:??????
*/
@media screen and (min-width:1600px) {
    .back_tags  .color_block{margin-left: 120px;}
}

.new_back.back_tags .type_color {
    margin-top: 16px;
}

.back_tags#relate {
    background-color: #fff;
}

.back_nav .back_tags_ul li a:hover,
.back_nav .back_tags_ul li a.current,
.back_nav .back_filter_ul li a.current,
.back_nav .back_filter_ul li a:hover {
    background: #ff7a00;
    background: -moz-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -webkit-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -o-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -ms-linear-gradient(left, #ff5700 0, #ff9000 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff5700), to(#ff9000));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff5700), to(#ff9000));
    background: linear-gradient(to right, #ff5700 0, #ff9000 100%);
    border-radius: 16px;
    color: #fff;
}


.back_nav .back_tags_ul li a span,
.back_nav .back_filter_ul li a span {
    /*border:1px solid #fff;*/
    border-radius: 16px;
    padding: 3px 12px;

}

.newPage.page {
    height: 42px;
    margin: 30px auto 47px;
}

.newPage .pager a {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    margin-right: 14px;
    border-color: #dbdcdd;
    font-size: 14px;
    color: #777777;
    margin-left: 0px;
}


.newPage .pager .downPage:hover,
.newPage .pager .pager-linkPage .current,
.newPage .pager .upPage:hover,
.pager a:hover {
    color: #fff;
    background: #ff7a00;
    background: -moz-linear-gradient(left, #ff9610 0, #ff6c1f 100%);
    background: -webkit-linear-gradient(left, #ff9610 0, #ff6c1f 100%);
    background: -o-linear-gradient(left, #ff9610 0, #ff6c1f 100%);
    background: -ms-linear-gradient(left, #ff9610 0, #ff6c1f 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9610), to(#ff6c1f));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9610), to(#ff6c1f));
    background: linear-gradient(to right, #ff9610 0, #ff6c1f 100%)
}

.newPage .pager .downPage,
.newPage .pager .upPage {
    width: 70px;
}

.newPage .pager .pager-linkPage span {
    width: 14px;
    border: 0px;
    background: none;
    margin-left: 0px;
    margin-right: 14px;
}

.newPage .pager .pager-linkPage .current {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    line-height: 40px;
    margin-right: 14px;
    font-size: 14px;
    margin-left: 0px;
}

.newPage .pagechoose_box {
    margin-left: 20px;
    height: 42px;
    line-height: 42px;
}

.newPage .pagechoose_box .pagechoose_inp,
.newPage .pagechoose_box .pageChooseBtn {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #777777;
    border-radius: 4px;
    border-color: #dbdcdd;
    background: #fff;
    vertical-align: 1px;
}

.newPage .pageChooseBtn:hover {
    background: #dedede;
}

.pngListBox .pngItem,
.pngListBox .pngItem div,
.pngListBox .pngItem img .imgListBox .imgItemN.sft,
.imgListBox .imgItemN.sft div,
.imgListBox .imgItemN.sft img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Safari */
}





.pngListBox .pngItem {
    background: none;
    border: 1px solid #eeeff4;
    border-radius: 3px;
    background: #fbfbfb;
    float: left;
    display: inline;
    margin: 0px 10px 14px 0px;
}

.pngListBox .pngItem img {

    background-image: url(./../images/msk.png);
}

.pngListBox .pngItem .pngBox .pngtitle {
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 34px;
    width: 200px;
}

.pngListBox .pngItem .pngBox {
    padding: 8px;
    padding-bottom: 0px;
    border-bottom: 1px solid #eeeff4;
    background: #fff;

}

.imgListBox .imgItemN.sft .bannerBox {
    padding: 7px;
    padding-bottom: 0px;
    border-bottom: 1px solid #eeeff4;
    background: #fff;

}


.pngListBox .pngItem.imgItem .mask {
    border-radius: 0px;
    z-index: 0;

}

.pngListBox .pngItem.imgItem:hover .mask {
    opacity: 0.1 !important;
}

.pngListBox .pngItem.imgItem a.collNew.downloadNew,
.flexImages .list a.collNew.downloadNew {
    display: inline-block;
    width: 125px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    font-size: 16px;
    background: #ff7a00;
    background: -moz-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -o-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -ms-linear-gradient(left, #ff9000 0, #ff5700 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ff9000), to(#ff5700));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ff9000), to(#ff5700));
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);


    text-align: center;
    cursor: pointer;
    /*transition-property: background-image;*/
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear;
    margin-top: 11px;
    margin-right: 14px;
}

.pngListBox .pngItem.imgItem a.collNew.downloadNew em,
.flexImages .list a.collNew.downloadNew em {
    display: inline-block;
    background-position: -1268px -158px;
    width: 20px;
    height: 20px;
    vertical-align: -7px;
    margin-right: 9px;

}

.pngListBox .pngItem.imgItem a.collNew span,
.flexImages .list a.collNew span {
    font-size: 16px;
    color: #fff;
    display: inline-block;
}

.pngListBox .pngItem.imgItem .likeDownButtonWarp {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 216px;
    display: none;

}

.pngListBox .pngItem.imgItem a.collNew.likeNew,
.flexImages .list a.collNew.likeNew {
    width: 65px;
    height: 45px;
    border-radius: 25px;
    background: #fafafa;
    ursor: pointer;
    transition-property: background-image;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.3);
    text-align: center;
    margin-top: 11px;
    margin-left: 14px;

}

.pngListBox .pngItem.imgItem a.collNew.likeNew em,
.flexImages .list a.collNew.likeNew em {
    background-position: -1168px -155px;
    margin-top: 11px;
    display: inline-block;
    width: 20px;
    height: 20px;
}

.pngListBox .pngItem.imgItem a.collNew.likeNew.cancelLikeBut em,
.flexImages .list a.collNew.likeNew.cancelLikeBut em {
    background-position: -1217px -155px;
}

.pngListBox .pngItem.imgItem:hover .likeDownButtonWarp {
    display: block;
}

.pngBottom {
    width: 100%;
    height: 34px;
    padding: 0px 8px;
    line-height: 34px;
}

.pb_ppts {
    display: inline-block;
    width: 40px;
    height: 17px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    line-height: 17px;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 5px;

}

.flexImages .pb_png.pb_ppts {
    margin-left: 5px;
}

.pb_png.pb_ppts {
    background: #ff950c;

}

.pb_psd.pb_ppts {
    background: #eaca44;

}

.pb_read {
    color: #bbbbbb;
    font-size: 14px;

}

.pb_read:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 20px;
    background-position: -1458px -158px;
    vertical-align: -6px;
    margin-right: 5px;
}

.pngItem .png_style,
.pngListBox .pngItem .pngBox .img_warp {
    width: 214px;
    height: 214px;
    position: relative;
    border: 1px solid #eeeff4;
}

.pngListBox .pngItem .pngBox .img_warp .png_load_style {
    width: 100% !important;

}

.flexImages .list .downLikeWrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
    z-index: 2;
}

.flexImages .list a.collNew.likeNew {
    margin-top: 12px;
    margin-left: 10px;

}

.flexImages .list a.collNew.downloadNew {
    margin: 12px 10px;
    position: absolute;
    bottom: 50px;
    width: 180px;
    height: 48px;
    line-height: 48px;
    left: 50%;
    margin-left: -90px;
    display: none;
    z-index: 9;
}

.flexImages .list a.collNew.downloadNew:hover {
    background: linear-gradient(to right, #ffa024 0, #ff6f24 100%);
}

/*add*/

.imgListBox .imgItemN.ht a.download {
    bottom: 0;
}

.imgItemN:hover .bj_ht_hover_title {
    display: inline-block !important;
}

.imgItemN:hover .bj_ht_hover_format {
    display: none;
}

.imgListBox .imgItemN a.download:hover {
    background: linear-gradient(to right, #ffa024 0, #ff6f24 100%);
}

.flexImages .list:hover .downloadNew {
    display: block !important;
}

.flexImages .list:hover .downLikeWrap {
    display: block;
}

.imgListBox .imgItemN.ht {
    border-radius: 3px;
    background: #fff;
}

.imgListBox .imgItemN.ht .imgTInfo {
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;

}

.imgListBox .imgItemN.ht .imgTInfo .tt_c {
    display: none;
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 350px;

}

.imgListBox .imgItemN.ht .imgTInfo .pb_ppts {
    /*margin-top: 15px;*/
    margin-left: 5px;
}

.imgListBox .imgItemN.sft .bannerBox .pngtitle {
    font-size: 14px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 38px;
    width: 90%;
}

.new_search_tui.back_nav {
    border: 1px dashed #fea032;
    border-radius: 4px;
    margin-bottom: 50px;
}

.new_search_tui.back_nav .back_tags#relate {
    background: none;
    margin: 0px;
}

.new_search_tui.back_nav .back_tags#relate .back_filter_ul {
    margin: 0px;
}

.new_search_tui.back_nav .back_tags#relate div.back_filter_ul a {
    color: #999;
}

.new_search_tui.back_nav .back_tags#relate div.back_filter_ul a:hover {
    color: #ff4400;
}

.new_search_tui.back_nav .back_relate_span {
    padding: 11px 0 0 20px;
    font-weight: 800;
}

.new_search_tui.back_nav .moreBtn,
.new_search_tui.back_nav .moreBtn_n {
    margin: 6px 15px 0px 0px;
}

.yuans_tui {
    background: #fff;
    padding: 40px 0px 20px;

}

.yuans_tui .yuanst_t {
    color: #555555;
    font-size: 18px;
    text-align: center;
    margin-bottom: 25px;
}

.yuans_tui .yuanst_t:before,
.yuans_tui .yuanst_t:after {
    content: '';
    display: inline-block;
    width: 375px;
    background: #e8e8e8;
    height: 1px;
    vertical-align: 6px;
    margin: 0px 35px;
}

.yuans_tui .imgListBox {
    background: none;
}

.imgListBox .imgItemN.ht .back_gary {
    padding: 0 !important;
}

.flexImages .item-info-box p {
    line-height: 30px;
    padding: 30px 0 0 10px;
}

.flexImages .item-info-box p .pb_read {
    color: #fff;

}

.flexImages .item-info-box p .pb_read:before {
    background-position: -1488px -158px;
}

.categorycon h2.listbread {
    font-size: 14px;
    padding: 22px 0px;
    color: #adadad;
}

.listbread a {
    font-size: 14px;
    color: #adadad;
}

.listbread a:hover {
    color: #ff6600;
}

.rela_tui_new {
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0px 15px;
    background: #fff;
}

.rela_tui_new .rtn_a {
    display: inline-block;
    margin-right: 14px;
    font-size: 14px;
    color: #a5a5a5;

}

.rela_tui_new .rtn_a:hover {
    color: #ff4400;
}

.rela_tui_new .tts_sp {
    display: inline-block;
    font-size: 14px;
    color: #555;
    font-weight: 800;


}

.reg_fuli {
    position: absolute;
    width: 230px;
    height: 180px;
    right: 0px;
    top: -200px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

.reg_fuli .fuli_t {
    display: block;
    width: 171px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background-position: -1152px -450px;
    margin: 10px auto 20px;

}

.reg_fuli .sound {
    display: inline-block;
    background-position: -1498px -347px;
    width: 18px;
    height: 12px;
    margin-top: 4px;
}

.txt_box_s {
    margin: 0px 20px;
    color: #666;
    overflow: hidden;
}

.reg_fuli_btn {
    display: block;
    width: 140px;
    height: 28px;
    background: #ff6a23;
    background-image: -webkit-linear-gradient(to left, #ff6a23, #fd962d);
    background-image: linear-gradient(-90deg, #ff6a23, #fd962d);


    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 28px;
    border-radius: 4px;
    margin: 20px auto 10px;
}

.reg_fuli_btn:hover {
    opacity: 0.9;
}

.reg_fuli_close {
    position: absolute;
    right: 5px;
    top: 5px;
    display: inline-block;
    background-position: -696px -46px;
    width: 16px;
    height: 16px;
}

.bannerBox .img_warp {
    position: relative;
}

.animateTop {
    animation: myfirst 2s infinite;
    -moz-animation: myfirst 2s infinite;
    -webkit-animation: myfirst 2s infinite;
    -o-animation: myfirst 2s infinite;
}


@keyframes myfirst {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }

    100% {
        margin-top: 0
    }
}

@-moz-keyframes myfirst {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }

    100% {
        margin-top: 0
    }
}

@-webkit-keyframes myfirst {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }

    100% {
        margin-top: 0
    }
}

@-o-keyframes myfirst {
    0% {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }

    100% {
        margin-top: 0
    }
}

.labor_pop {
    width: 600px;
    height: 658px;
    z-index: 999;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -300px;
    margin-top: -329px;
    background: url(../images/activity/59/popPay59.png);
}

.labor_pop_close {
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: absolute;
    right: 81px;
    top: 100px;
}

.try_pop_title {
    margin: 315px auto 0 auto;
    text-align: center;
    width: 350px;
    font-size: 14px;
    color: #555;
}

.try_pop_content {
    margin: 8px auto;
    text-align: center;
    width: 350px;
    font-size: 46px;
    color: #cf2d19;
    font-weight: bold;
    line-height: 55px;
}

.try_pop_people {
    margin: 5px auto;
    text-align: center;
    width: 350px;
    font-size: 18px;
    color: #555;
}

.try_pop_people em {
    color: #cf2d19;
}

.try_pop_btn {
    width: 350px;
    text-align: center;
    margin: 20px auto 5px auto;
}

.try_pop_btn a {
    display: inline-block;
    width: 319px;
    height: 60px;
    top: 50%;
    left: 50%;
    background: url(../images/activity/59/popPay59_btn.png);
    text-align: center;
}

.try_pop_btn a:hover {
    opacity: 0.8;
}

.try_pop_time {
    margin: 10px auto 0 auto;
    text-align: center;
    width: 350px;
    font-size: 14px;
    color: #777;
}

.hd-cont .right-login {
    position: relative;
}

.userinfo_box .renew_show {
    padding: 10px 15px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    z-index: 99;
    display: block;
    color: #777;
    font-size: 14px;
    top:73px;
    right: 3px;
    box-shadow: 0px 0px 10px 2px rgba(90, 95, 106, .35);
}
.hd-cont .renew_show {
    padding: 5px 10px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    z-index: 99;
    display: block;
    color: #777;
    font-size: 14px;
    top: 70px;
    left: 100px;
    width: 205px;
    box-shadow: 0px 0px 10px 2px rgba(90, 95, 106, .35);
}

.renew_show:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    right: 50px;
}

.renew_show:hover span {
    color: red;
}

/*add ?????*/

.hd-cont div.yh60_show {
    padding: 0;
    border: 1px solid #e0ad83;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    position: absolute;
    z-index: 99;
    display: block;
    color: #e0ad83;
    font-size: 14px;
    top: 75px;
    left: 50px;
    width: 278px;
    box-shadow: 0px 0px 10px 2px rgba(90, 95, 106, .35);
}

.yh60_show a p {
    color: #e0ad83;
    margin: 10px 0;
}

.yh60_show a p em {
    color: #ec5e58;
    font-size: 16px;
    font-weight: bold;
}

.yh60_show:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin-left: -9px;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #fff;
    top: -9px;
    left: 141px;
}

.yh60_show:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin-left: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e0ad83;
    top: -10px;
    left: 141px;
}

.yh60_close {
    position: absolute;
    border-radius: 50px;
    border: 1px solid #e0ad83;
    right: 5px;
    top: 5px;
    width: 11px;
    height: 12px;
    line-height: 11px;
    padding-left: 1px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.yh60_close:hover {
    color: #fff;
    background: #e0ad83;
    border-color: #fff;
}

.renew_show span.yh_60_use_btn {
    border: 1px solid #e0ad83;
    margin-bottom: 10px;
    width: 92px;
    height: 27px;
    line-height: 27px;
    border-radius: 8px;
    text-align: center;
    color: #fff;
    background-color: #e0ad83;
    display: inline-block;
}

.renew_show span.yh_60_use_btn:hover {
    color: #e0ad83 !important;
    background-color: #fff;
}

.renew_show span.yh_60_use_btn:hover span {
    color: #e0ad83 !important;
}

.renew_show span {
    color: #ef7a76;
    margin-left: 10px;
}

.renew_inner_box {
    font-size: 14px;
    background-color: #fef3d7;
    padding: 5px 15px;
    box-sizing: border-box;
}

.renew_inner_box .renew_inner_left {
    line-height: 24px;
}


.renew_inner_box .renew_inner_right .btn-renew{
    width:120px;
    height: 35px;
    line-height: 35px;
    background: #ff9000;
    background:linear-gradient(to right, #ff9000 0, #ff5700 100%) ;
    color: #fff;
    border-radius: 35px;
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: 7px;
    box-shadow:0 0 8px #ff9000 ;
}
.renew_inner_box .renew_inner_right .btn-renew:hover{
    opacity: 0.8;
}
.renew_inner_box b {
    font-weight: bold !important;
}

.xf_close,
.header_top_close {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 22px;
    cursor: pointer;
    line-height: 20px;
}

.xf_bottom_box {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999;
    width: 490px;
    height: 412px;
}

.xf_close_bottom {
    /*color: #cd916b;*/
    position: absolute;
    border-radius: 50px;
    /*border: 1px solid #cd916b;*/
    right: -2px;
    top: 50px;
    width: 27px;
    height: 27px;
    line-height: 18px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.xf_close_show {
    position: absolute;
    border-radius: 50px;
    right: 12px;
    top: 65px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.xf_close_bottom:hover {
    color: red;
    border-color: red;
}

.xf_bottom_content {
    position: absolute;
    display: inline-block;
    width: 410px;
    height: 70px;
    bottom: 110px;
    color: #fff;
    left: 38px;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
}

.xf_bottom_content b {
    color: #efcc6b;
}

.xf_show_cov {
    display: inline-block;
    width: 320px;
    margin: 0px auto 10px auto;
    text-align: center;
    background-color: #fff;
    padding: 5px 0;
}

.xf_show_box {
    width: 310px;
    margin: 0 auto;
    font-size: 14px;
    border: 1px solid #e3b996;
    padding: 10px;
    box-sizing: border-box;
}

.xf_show_box .xf_show_left {
    width: 200px;
    color: #e3b996;
    text-align: left;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.xf_show_box .xf_show_right {
    width: 80px;
    line-height: 25px;
    color: #fff;
    background-color: #dca473;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}

.xf_show_alert_box {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -206px 0 0 -245px;
    z-index: 99999;
    display: none;
}

.vip_js_top_div img {
    width: 550px;
    margin-top: 10px;
    margin-left: 10px;
}

.h_menu_pay_btn i {
    background-position: -360px -277px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: -5px;
}

.h_menu_pay_btn {
    float: right;
    display: inline-block;
    margin-right: 20px;
    width: 115px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
}

.h_menu_pay_btn.h_menu_pay_btn_mb {
    background: #e1452c;
    background: linear-gradient(to right, #e1452c 0, #fa5c3d 100%);
}

.h_menu_pay_btn.h_menu_pay_btn_bg {
    background: #10C55B;
    background: linear-gradient(to right, #05a730 0, #38d337 100%);
}

.h_menu_pay_btn.h_menu_pay_btn_ys {
    background: #515fff;
    background: linear-gradient(to right, #394efb 0, #6376fb 100%);
}

.h_menu_pay_btn:hover {
    opacity: 0.8;
}

/*????????????*/

.reg_down_box {
    padding: 5px 10px;
    border-radius: 2px;
    background: #fff;
    position: absolute;
    z-index: 99;
    display: block;
    color: #777;
    font-size: 14px;
    top: 45px;
    right: 10px;
    width: 155px;
    box-shadow: 0px 0px 10px 2px rgba(90, 95, 106, .35);
}

.reg_down_box:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    margin-left: 40px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    top: -10px;
    left: 92px;
}

.reg_down_box_close {
    position: absolute;
    border-radius: 50px;
    border: 1px solid #999;
    right: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    line-height: 11px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

/*?????????*/

.w_login_box {
    display: none;
    width: 740px;
    height: 450px;
    margin: -225px 0 0 -370px;
    background-color: #fff;
    border-radius: 4px;
    position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
}

.w_login_left,
.w_login_right {
    width: 370px;
}

.w_login_left .w_login_logo {
    background-position: -681px -530px;
    width: 300px;
    height: 50px;
    margin: 10px 0 0 10px;
}

.w_login_left hr {
    border: none;
    border-bottom: 1px solid #dbdbdb;
    height: 1px;
    display: inline-block;
    width: 310px;
}

.w_login_left .w_login_left_bg {
    background-position: -50px -510px;
    width: 300px;
    height: 100px;
    margin: 30px 0 0 20px;
}

.w_login_left_ul {
    margin: 10px 0 0 80px;
}

.w_login_left_ul li {
    color: #777;
    height: 40px;
    line-height: 40px;
    list-style: outside;
    font-size: 16px;
}

.w_login_close {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -696px -46px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.w_login_right_box {
    width: 340px;
    height: 340px;
    border: 1px solid #dbdbdb;
    margin-top: 70px;
}

.w_redirect_btn {
    margin: 10px 30px 0 0;
    font-size: 14px;
    color: #777;
}

.w_redirect_btn:hover em {
    text-decoration: underline;
}

.w_redirect_btn em {
    color: #fe7920;
}

.w_login_type_ul {
    width: 75%;
    margin: 20px auto;
    text-align: center;
}

.w_login_type_ul li {
    width: 50%;
    padding: 5px 0;
    border-bottom: 2px solid #dbdbdb;
    cursor: pointer;
}

.w_login_type_ul li.cur {
    color: #fe7920;
    border-bottom: 2px solid #fe7920;
}

.w_login_right {
    display: none;
}

.w_login_wx_l {
    width: 200px;
    margin: 30px auto 0 auto;
    color: #5ebe61;
    text-align: center
}

.w_login_wx_l p i {
    background-position: -482px -547px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.w_login_wx_img {
    width: 150px;
    height: 150px;
    border: 1px solid #dbdbdb;
}

.w_login_qq_redirect_btn {
    margin-top: 18px;
    display: inline-block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #4a9ff1;
}

.w_login_qq_redirect_btn i {
    margin-right: 10px;
    background-position: -350px -547px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.w_login_sj_l {
    text-align: center;
    position: relative;
    display: none;
}

.w_login_sj_l .l_phone_n,
.w_login_sj_l .l_phone_lg_n,
.w_login_sj_l .l_phone_p {
    width: 280px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    margin: 10px 0 0 0;
    border: 1px solid #ececec;
}

.w_login_sj_l .l_txcode_n,
.w_login_sj_l .l_verify_n,
.w_login_sj_l .l_txcode_p,
.w_login_sj_l .l_verify_p {
    margin: 20px 0 0 0;
    width: 163px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    border: 1px solid #ececec;
}

.w_login_sj_l .l_getVerify_n,
.w_login_sj_l .l_getVerify_p {
    display: inline-block;
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
    margin: 20px 0 0 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.w_login_sj_l #checkCodeForReg {
    height: 40px;
    line-height: 40px;
    margin: 20px 0 0 0;
    float: right;
}

.RegCodeReff,
.RegCodeReffForCPass {
    position: absolute;
    top: 30px;
    left: 137px;
}

.w_login_input_wd {
    width: 287px;
    margin: 0 auto;
    position: relative;
}

.w_login_input_wd .agree_box {
    font-size: 12px;
    margin-top: 5px;
}

.w_login_reg_btn_style {
    margin-top: 20px;
    border-radius: 4px;
    display: block;
    width: 287px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
}

.w_login_input_wd .l_error_tip {
    position: absolute;
    bottom: -18px;
    left: 12px;
    color: #f85234;
    font-size: 12px;
    display: none;
}

.w_login_input_wd .l_error_tip:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -733px -46px;
    vertical-align: -4px;
    margin-right: 4px;
}

.w_login_input_wd .l_error_tip:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -733px -46px;
    vertical-align: -4px;
    margin-right: 4px;
}

.w_login_right_box {
    text-align: center;
}

.w_login_right_box .l_password_n,
.w_login_right_box .l_password_ag_n,
.w_login_right_box .l_password_lg_n,
.w_login_right_box .l_password_p,
.w_login_right_box .l_password_ag_p {
    width: 280px;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    border: 1px solid #dcd4d4;
}

.w_login_right_box .l_password_n,
.w_login_right_box .l_password_lg_n,
.w_login_right_box .l_password_p,
.l_password_ag_p {
    margin-top: 30px;
}

.w_login_right_box .l_password_ag_n {
    margin: 30px 0 10px 0;
}

.w_login_sj_pwd_box {
    display: none;
}

.w_login_input_wd .l_success_tip {
    width: 20px;
    height: 20px;
    background-position: -658px -43px;
    position: absolute;
    right: 11px;
    top: 42px;
    display: none;
}

.w_login_sj_l .l_phone_lg_n,
.w_login_lg_btn {
    margin-top: 30px;
}

.w_login_qq_s_btn {
    width: 129px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: linear-gradient(to right, #65b1f8 0, #5696d5 100%);
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.w_login_wx_s_btn {
    width: 129px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: linear-gradient(to right, #38d337 0, #508348 100%);
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.w_login_qq_s_btn i {
    margin-right: 10px;
    background-position: -350px -547px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.w_login_wx_s_btn i {
    margin-right: 10px;
    background-position: -411px -547px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.w_fg_pass {
    position: absolute;
    right: 10px;
    bottom: -26px;
    color: #999;
    font-size: 14px;
}

.w_fg_pass:hover {
    text-decoration: underline;
}

.w_c_password_title {
    color: #999;
    margin: 30px 0 10px 0;
    font-size: 14px;
}

.w_login_sj_l #checkCodeForCPass {
    background-color: #626262;
    font-size: 24px;
    width: 90px;
    font-family: Arial;
    font-style: italic;
    color: #fff;
    border: 0;
    padding-left: 10px;
    letter-spacing: 8px;
    font-weight: bolder;
    height: 40px;
    line-height: 40px;
    margin: 20px 0 0 0;
    float: right;
}

.w_login_left_ul li em {
    color: #ff5700;
}

/* ???????.? */

.rb_fk.rb_ty {
    padding-top: 10px !important;
}

.rb_fk.rb_ty:hover {
    padding-top: 0 !important;
}

.rb_fk.rb_ty ._mo1 i {
    /*background-image: url(../images/n-indexIcons-fk.png) !important;*/
    background-position: -1112px -152px !important;
}

.feedback-alert-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 1002;
}

.feedback-alert-content {
    position: fixed;
    top: 0;
    left: 0;
    width: 680px;
    z-index: 1003;
    -webkit-box-shadow: #999 0px 2px 10px 1px;
;
    -moz-box-shadow: #999 0px 2px 10px 1px;
;
    box-shadow: #999 0px 2px 10px 1px;
;

    padding: 20px 30px 30px 30px;
    background: #fff;
    border-radius: 6px;
}

.feedback-alert .title {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.feedback-alert .close {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 26px;
    color: #999;
    cursor: pointer;
}

.feedback-alert .close:hover {
    color: #000;
}

.feedback-alert .title span {
    display: inline-block;
    border: 1px solid #FF9504;
    padding: 4px 20px;
    cursor: pointer;
    color: #666;
}

.feedback-alert .title span:first-child {
    border-right: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    -o-border-radius-topleft: 5px;
    -o-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.feedback-alert .title span:last-child {
    border-left: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topright: 5px;
    -o-border-radius-topright: 5px;
    -o-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

.feedback-alert .title span.checked {
    color: #FFFFFF;
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#EF584E), to(#FF9504));
    background: -webkit-linear-gradient(right, #EF584E, #FF9504);
    background: -moz-linear-gradient(right, #EF584E, #FF9504);
    background: -o-linear-gradient(right, #EF584E, #FF9504);
    background: linear-gradient(right, #EF584E, #FF9504);
}

.feedback-alert .title span.checked:hover,
.feedback-alert .button span:hover {
    background: #ff8d24;
    background: -moz-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -webkit-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -o-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -ms-linear-gradient(left, #ffa024 0, #ff6f24 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffa024), to(#ff6f24));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #ffa024), to(#ff6f24));
    background: linear-gradient(to right, #ffa024 0, #ff6f24 100%);
}

.feedback-alert .h {
    font-size: 24px;
    font-weight: bold;
    padding: 30px 0 5px 0;
}

.feedback-alert .info {
    font-size: 15px;
    color: #444;
    padding: 3px 0 20px 0;
}

.feedback-alert textarea,
.feedback-alert input {
    display: inline-block;
    width: 660px;
    padding: 5px 10px;
    margin: 8px 0;
    border: 1px solid rgb(224, 224, 224);
    border-radius: 5px;
    font-size: 14px;
}

.feedback-alert textarea {
    height: 140px !important;
}

.feedback-alert .details .textarea-words {
    position: absolute;
    top: 0;
    font-size: 12px;
    color: #9e9e9e;
    right: 35px;
}

.feedback-alert .button {
    margin-top: 30px;
    text-align: center;
}

.feedback-alert .button span {
    border-radius: 5px;
    display: inline-block;
    border: 1px solid #FF9504;
    padding: 10px 50px;
    cursor: pointer;
    color: #FFFFFF;
    background: -webkit-gradient(linear, 100% 0, 0 0, from(#EF584E), to(#FF9504));
    background: -webkit-linear-gradient(right, #EF584E, #FF9504);
    background: -moz-linear-gradient(right, #EF584E, #FF9504);
    background: -o-linear-gradient(right, #EF584E, #FF9504);
    background: linear-gradient(right, #EF584E, #FF9504);
}

textarea::-webkit-input-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

textarea::-moz-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

textarea:-moz-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

textarea:-ms-input-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

input::-webkit-input-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

input::-moz-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

input:-moz-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

input:-ms-input-placeholder {
    color: #9e9e9e;
    font-family: "Microsoft YaHei", sans-serif;
}

.feedback-alert .details .file_upload_button {
    height: 80px;
    background: #e6e6e6;
    display: block;
    width: 150px;
    border-radius: 5px;
    text-align: center;
    margin-top: 8px;
    cursor: pointer;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.feedback-alert .details .file_upload_button i {
    /*background-image: url(../images/n-indexIcons-fk.png);*/
    background-position: -1499px -558px;
    height: 44px;
    width: 46px;
    display: inline-block;
    position: relative;
    top: 10px;
}

.feedback-alert .details .file_upload_button span {
    display: block;
    font-size: 14px;
    color: #888;
    position: relative;
    top: 10px;
}

.feedback-alert .details .file_upload_button span.update {
    display: none;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    position: relative;
    top: 60px;
}

.feedback-alert .details .file_upload_button:hover span.update {
    display: block;
}

.error {
    border: 1px solid red !important;
}

.error-info {
    color: red;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}

/* ???????.?? */

.download_limit_alert_s_box {
    position: fixed;
    z-index: 10001;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 300px;
    margin: -150px 0 0 -200px;
    background: #fff;
    border: 1px solid #e8e6e6;
    border-radius: 6px;
}

.download_limit_alert_s_box .download_limit_alert_s_close {
    position: absolute;
    right: 5px;
    top: 5px;
    background-position: -693px -42px;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.download_limit_alert_s_box p {
    font-size: 18px;
    color: #666;
    margin: 97px auto 0 auto;
    text-align: center;
}

.download_limit_alert_s_box a {
    width: 215px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin: 50px auto 0 auto;
    background-color: #fb7716;
    border-radius: 30px;
    display: block;
}

.download_limit_alert_s_box a:hover {
    opacity: 0.9;
}

.cz_mo1 i {
    background-position: -1527px -142px;
    height: 40px !important;
}

.rb_lotteryEnt {
    width: 94px;
    height: 72px;
    position: absolute;
    left: -30px;
    top: -74px;
    background-position: -1494px -69px;

}

/**********???????***********/

.beat-top-down {
    -webkit-animation: beat_top_down 2.5s ease infinite;
    -ms-animation: beat_top_down 2.5s ease infinite;
    -moz-animation: beat_top_down 2.5s ease infinite
}

/********css????***********/

@-webkit-keyframes beat_top_down {
    1% {
        -webkit-transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(10px)
    }

    100% {
        -webkit-transform: translateY(0px)
    }
}

@-moz-keyframes beat_top_down {
    1% {
        -moz-transform: translateY(0px)
    }

    50% {
        -moz-transform: translateY(10px)
    }

    100% {
        -moz-transform: translateY(0px)
    }
}

@-ms-keyframes beat_top_down {
    1% {
        -ms-transform: translateY(0px)
    }

    50% {
        -ms-transform: translateY(10px)
    }

    100% {
        -ms-transform: translateY(0px)
    }
}

/*???��???  */

.login_box {
    width: 500px;
    height: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -200px 0 0 -250px;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    /*width: 100%;*/
    /*height: 100%;*/
}

.box_center {
    background-color: #fff;
    border-radius: 6px;
    z-index: 99999;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.w_login_close {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -696px -46px;
    position: absolute;
    right: 12px;
    top: 12px;
}

.weixin_login_icon {
    background-position: -1152px -492px;

}

.qq_login_icon {
    background-position: -1183px -493px;
}

.line_both .icon_c {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

/*********??????????*********/

.login_box {
    font-family: 'Microsoft YaHei';
    font-size: 14px;
    color: #777
}

.login_box li {
    list-style: none;
}

.login_box a,
.login_box a:link {
    text-decoration: none;

}

/*********?????????*********/

.login_nav {
    overflow: hidden;
    width: 120px;
    height: 40px;
    margin: 30px auto 10px auto;
    background-position: -568px -435px;
}

.login_nav ul {
    display: inline-block
}

.login_nav li {
    float: left;
    border-bottom: 3px solid #dbdbdb;
    font-size: 19px;
    font-weight: bold;
    cursor: pointer;
    margin: 0 13px;
    padding: 0 25px;
    line-height: 30px;
}

.login_nav li.active {
    color: #fe7920;
    border-bottom: 3px solid #fe7920;
}

/*********???????????*********/

/*---------?????--------*/

.login_main {
    min-width: 400px;
    margin: auto;
}

.short_login {
    width: 250px;
    margin: auto;
    overflow: hidden;
    font-size: 14px;
}

.qq_login {
    float: left;
    text-align: center;
}

.weixin_login {
    float: right;
    text-align: center;
}

.phone_login {
    line-height: 25px;
    text-align: center;
    margin: 30px 0;
}

.qq_login img,
.weixin_login img {
    border: 1px solid #f2f1f5;
}

.qq_login p,
.weixin_login p {
    text-align: center;
}

.qq_login .line_both {
    color: #22c354;
    color: #777;
}

.weixin_login .line_both {
    color: #4a9ff1;
    color: #777;
}

.line_both {
    position: relative;
    padding: 0 25px;
    color: #777;
}

.login_short_img_box {
    display: inline-block;
    position: relative;
}

.login_short_img {
    width: 70px;
    height: 70px;
    background-position: -1352px -462px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.line_both:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 1px;
    background: #f2f1f5;
    left: 0;
    top: 11px;
}

#tel_login_btn {
    color: #999;
}

.qq_login {
    background-position: -155px -618px;
    width: 77px;
    height: 77px;
    cursor: pointer;
}

.qq_login_box:hover .qq_login{
    background-position: -155px -711px;
}

.wx_login {
    background-position: -41px -618px;
    width: 77px;
    height: 77px;
    cursor: pointer;
}

.weixin_login_box:hover .wx_login{
    background-position: -41px -709px;
}

.qq_short_login:hover {
    opacity: 0.8;
}

.weixin_short_login:hover {
    opacity: 0.8;
}

.line_both:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 1px;
    background: #e3e3e3;
    right: 0;
    top: 11px;
}

.line_both_long {
    position: relative;
    padding: 0 75px;
}

.line_both_long:before {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    background: #e3e3e3;
    left: 0;
    top: 11px;
    color: #777;
}

.line_both_long:after {
    content: '';
    position: absolute;
    width: 60px;
    height: 1px;
    background: #f2f1f5;
    right: 0;
    top: 11px;
}

.logo-text {
    font-size: 18px;
    letter-spacing: 2px;
    color: #666;
}

/*---------???????------------*/

.login_row {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.forget_pwd {
    position: absolute;
    right: 0px;
    top: 60px;
    color: #777;
}

.login_error_tip {
    position: absolute;
    bottom: -18px;
    left: 3px;
    color: #f85234;
    font-size: 12px;
    display: none;
}

.login_error_tip::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-position: -733px -46px;
    vertical-align: -4px;
    margin-right: 4px;
}

.login_suc_tip {
    width: 20px;
    height: 20px;
    background-position: -659px -43px;
    position: absolute;
    right: 11px;
    top: 11px;
    display: none;
}

.qq_short_login {
    width: 145px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: linear-gradient(to right, #65b1f8 0, #5696d5 100%);
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.qq_short_login i {
    margin-right: 10px;
    background-position: -350px -547px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.weixin_short_login i {
    margin-right: 10px;
    background-position: -411px -547px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.weixin_short_login {
    width: 145px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background: linear-gradient(to right, #38d337 0, #508348 100%);
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.login_row {
    width: 320px;
    margin: auto;
}

.line_both_ll {
    position: relative;
    padding: 0 80px;
    margin: 10px auto;
}

.line_both_ll:before {
    content: '';
    position: absolute;
    width: 70px;
    height: 1px;
    background: #f2f1f5;
    left: 0;
    top: 11px;
}

.line_both_ll:after {
    content: '';
    position: absolute;
    width: 70px;
    height: 1px;
    background: #f2f1f5;
    right: 0;
    top: 11px;
}

.form_normal {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    margin: 20px 0 0 0;
    border: 1px solid #ececec;
    border-radius: 3px;
    font-family: 'Microsoft YaHei';
    color: #7b7b7b
}

.form_idenc {
    border-radius: 3px;
    font-family: 'Microsoft YaHei';
    color: #7b7b7b
}

.pic_idenc,
.tel_idenc {
    width: 60%;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    margin: 20px 0 0 0;
    border: 1px solid #ececec;
}

.pic_idenc_code {
    background-color: #626262;
    font-size: 24px;
    width: 90px;
    height: 40px;
    font-family: Arial;
    font-style: italic;
    color: #fff;
    border: 0;
    padding-left: 10px;
    letter-spacing: 8px;
    font-weight: bolder;
    margin-top: 20px;
    margin-left: 10px;
    outline: none;
}

.tel_idenc_btn {
    display: inline-block;
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
    margin: 20px 0 0 0;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 3px;

}

.login_btn {
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #fc900a 0, #f06d43 100%);
    font-weight: bold;
    box-shadow: 0 0 2px #fc900a;
}

.sub_title {
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
}

.tel_idenc_btn:hover,
.login_btn:hover {
    background: linear-gradient(to right, #f98804 0, #e9683e 100%);
}

.protocol {
    line-height: 12px;
    margin: 10px auto;
}

.icon_protocol {
    width: 15px;
    height: 15px;
    background-position: -1446px -502px;
    display: inline-block;
    vertical-align: -2px;
    cursor: pointer;

}

.protocol a {
    color: #555;
    text-decoration: underline !important
}

.protocol input {
    /*margin-top: 14px;*/
}

.re_pwd_wanted {
    text-align: right;
    color: #777;
    line-height: 25px;
}

.w320 {
    width: 320px;
    margin: auto;
}

.wx_Qr {
    width: 152px;
    height: 152px;
    margin: auto;
    background-position: -988px -383px;
    border: 1px solid #e0e0e0;

}

.wx_Qr_box p {
    text-align: center;
    color: #43B908;
    line-height: 30px;
}

.wx_login_icon {
    background-position: -1152px -492px;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    display: inline-block;
}

/*********????????????*********/

.login_footer {
    overflow: hidden;
    margin: auto;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 14px;
    color: #777;
    background: #F7F8FA;
    line-height: 42px;
    text-align: right;
    padding: 0 10px;
}

.login_footer .btn-back {
    float: left;
    color: #999;
}

.btn-register,
.btn-login {
    color: #FE6C23;
}

.text_color {
    color: #fe7920;
    font-weight: bold;
}

.text_weight {
    font-weight: bold;
}

.login_footer li {
    float: left;
    width: 50%;
    line-height: 30px;
    padding-left: 25px;
    box-sizing: border-box;
    position: relative;
    text-align: left
}

.login_footer li:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 13px;
    border: 3px solid #777;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #777;
    border-right-color: transparent;
}

.login_main_short,
.login_qq_weixin {
    background: #fff;
}

/************?????????*******************/

.alert_tip {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    top: 50%;
    left: 50%;
    z-index: 99999;
    position: absolute;
    border-radius: 5px;
    font-family: 'Microsoft Yahei';
    text-align: center;
    box-shadow: 0 0 30px #666;
    font-size: 14px;
    padding: 15px 50px;
    box-sizing: border-box;
    display: none;
}

.alert_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.login_icon_success {
    background-position: -1317px -494px;

}

.login_icon_warning {
    background-position: -1249px -493px;
}

.alert_tip_text {
    vertical-align: middle;
    margin-left: 10px;
}

/****************?��?????��start*****************/
.login-text li .icon_index4{width:16px;height: 16px;background-position:-325px -619px;display: inline-block;margin-right: 2px; }
.login-text li{font-size: 16px;color: #333;}
.join_90{margin: 20px auto;font-size: 16px;color: #333;}
.join_90 .register_num{color:#FE6C23}
.qq_login_box{float: left;text-align: center}
.weixin_login_box{float: right;text-align: center}
.qq_login{background-position:-153px -794px}
.wx_login{background-position: -37px -793px}
.qq_login_box{border:1px solid  #2a9cd5;width: 120px;height: 120px;border-radius: 10px;cursor: pointer}
.qq_login_box:hover{background:#2a9cd5;color: #fff; }
.weixin_login_box{border:1px solid  #43b908;width: 120px;height: 120px;border-radius: 10px;cursor: pointer}
.weixin_login_box:hover{background:#43b908;color: #fff; }
.qq_login{float: none;margin: auto}
.wx_login{margin: auto;}
.short_login{width: 300px;margin: 35px auto;}
.box_center{width: 560px;}
.form_normal{height: 48px;line-height: 48px;}
.login_row{width: 360px;}
.forget_pwd{top: 69px;}
.pic_idenc, .tel_idenc,.pic_idenc_code,.tel_idenc_btn,.login_btn{height: 48px;line-height: 48px;}
.login_nav{width:202px;height:35px;background-position: -329px -749px;}
.short_login p{margin-top: 10px;}
.login_box{margin:-217px 0 0 -280px}
/****************?��?????��end*****************/


/************????**********************/

.scale {
    animation: scale .2s ease both;
}

.leftInRight {
    -webkit-animation: leftInRight .3s ease both;
    -moz-animation: leftInRight .3s ease both;
    -ms-animation: leftInRight .3s ease both;
    -o-animation: leftInRight .3s ease both;
}

.rightInLeft {
    -webkit-animation: rightInLeft .3s ease both;
    -moz-animation: rightInLeft .3s ease both;
    -ms-animation: rightInLeft .3s ease both;
    -o-animation: rightInLeft .3s ease both;
}

@-webkit-keyframes scale {
    1% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-ms-keyframes scale {
    1% {
        -ms-transform: scale(2);
        opacity: 0;
    }
    100% {
        -ms-transform: scale(1);
        opacity: 1;
    }
}

@-o-keyframes scale {
    1% {
        -o-transform: scale(2);
        opacity: 0;
    }
    100% {
        -o-transform: scale(1);
        opacity: 1;
    }
}

@-moz-keyframes scale {
    1% {
        -moz-transform: scale(2);
        opacity: 0;
    }
    100% {
        -moz-transform: scale(1);
        opacity: 1;
    }
}



@-webkit-keyframes leftInRight {
    1% {
        -webkit-transform: translateY(-70px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes leftInRight {
    1% {
        -o-transform: translateY(-70px);
        opacity: 0
    }
    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes leftInRight {
    1% {
        -ms-transform: translateY(-70px);
        opacity: 0
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes leftInRight {
    0% {
        -moz-transform: translateY(-70px);
        opacity: 0
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}


@-webkit-keyframes rightInLeft {
    1% {
        -webkit-transform: translateY(70px);
        opacity: 0
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@-ms-keyframes rightInLeft {
    1% {
        -ms-transform: translateY(70px);
        opacity: 0
    }
    100% {
        -ms-transform: translateY(0);
        opacity: 1;
    }
}

@-o-keyframes rightInLeft {
    1% {
        -o-transform: translateY(70px);
        opacity: 0
    }
    100% {
        -o-transform: translateY(0);
        opacity: 1;
    }
}

@-moz-keyframes rightInLeft {
    1% {
        -moz-transform: translateY(70px);
        opacity: 0
    }
    100% {
        -moz-transform: translateY(0);
        opacity: 1;
    }
}

#qq-login-window {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -240px 0 0 -311px;
}

#qq-login-window .title-bar .button-close-qq-window {
    font-size: 26px;
    float: right;
    border: none;
    line-height: 60px;
    padding: 0 21px;
    -webkit-transition: background .3s ease-in-out;
}

.wx_Qr_img {
    width: 152px;
    height: 152px;
    margin: auto;
    border: 1px solid #e0e0e0;
    display: block;
}

.sim_page_box {
    height: 50px;
    line-height: 50px;
    margin-right: 20px;
}

.sim_page_box a {
    color: #555;
}

.sim_page_box a.sim_pg1 {
    color: #999;
}

.sim_page_current {
    color: #ea5500;
}

.sim_page_num {
    margin-right: 45px;
    display: inline-block;
}

.sim_upPage {
    margin-right: 30px;
}

.alert-mask {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 999;

}

.alert-mask .popup {
    position: fixed;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    height: 420px;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    text-align: center;
}


.alert-mask .mask-close {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-position: -696px -46px;
    position: absolute;
    right: 12px;
    top: 12px
}

.alert-mask .popup-box .popup-title {
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    color: #333333;
}

.alert-mask .popup-box .img-box {
    height: 180px;
    width: 180px;
    margin: 20px auto 20px auto;

}

.alert-mask .img_el {
    background-position: -17px -7px;
}

.alert-mask .img_bg {
    background-position: -217px -8px
}

.img_bg_new{background: url(../../images/inspire/bjvip.png)}

.alert-mask .popup-box .color_ele {
    color: #3355FF
}

.alert-mask .popup-box .color_bg {
    color: #39C432
}


.alert-mask .popup-box p {
    color: #666666;
    text-align: center;
}

.alert-mask .popup-box .main-info {
    width: 260px;
    margin: auto;
    text-align: center;
    line-height: 25px;
}

.alert-mask .popup-box .base-info {
    font-size: 12px;
}

.alert-mask .popup-box .icon_vip {
    background-image: url(../images/pay/vip_icon.png?v1.4)
}

.alert-mask .btn_dredge {
    display: block;
    width: 160px;
    height: 40px;
    margin: 10px auto;
    border-radius: 20px;
    color: #fff;
    line-height: 40px;
    text-decoration: none;
    margin-bottom: 20px;
}

.alert-mask .btn_ele {
    background: linear-gradient(to right, #6088FF 0, #3366FF 100%);
}

.alert-mask .btn_bg {
    background: linear-gradient(to right, #4CD731 0, #1EAB34 100%);
}

.alert-mask .btn_dredge:hover {
    opacity: 0.8;
}

@keyframes scale {
    0% {
        transform: scale(2);
        opacity: .2;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.scale {
    animation: scale .5s ease both;
}

/*************????********************/

.animate_1 {
    animation: animate_1 2s ease-in-out both infinite;
    -webkit-animation: animate_1 2s ease-in-out both infinite;
    -moz-animation: animate_1 2s ease-in-out both infinite;
    -ms-animation: animate_1 2s ease-in-out both infinite;
}

@keyframes animate_1 {
    1% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }

}

@-webkit-keyframes animate_1 {
    1% {
        -webkit-transform: scale(0.8);
    }
    50% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.8);
    }

}

@-moz-keyframes animate_1 {
    1% {
        -moz-transform: scale(0.8);
    }
    50% {
        -moz-transform: scale(1);
    }
    100% {
        -moz-transform: scale(0.8);
    }

}

@-ms-keyframes animate_1 {
    1% {
        -ms-transform: scale(0.8);
    }
    50% {
        -ms-transform: scale(1);
    }
    100% {
        -ms-transform: scale(0.8);
    }

}

.qzt_mo1._mo1 i {
    height: 40px;
    background-position: -1514px -148px;
}
.qzq_mo1._mo1 i {
    height: 40px;
    background-position: -716px -436px
}
.active_box a{display: block;}
.active_box{text-align: center;}

.imgItem.imgItemN.wxd .back_gary {
    background: url(../images/yangji/yj_12.png?v2);
    background-size: contain;
}

/*?��??????????*/

.lavel_nav.subnav_template {
    width: 506px !important;
;
}

.lavel_nav.subnav_element {
    width: 506px !important;
;
}

.lavel_nav.subnav_bg {
    width: 506px !important;
;
}


.lavel_nav {
    box-sizing: border-box
}

.png_pic_des {
    display: none;
    position: absolute;
    width: 400px;
    height: 100px;
    background: #fff;
    z-index: 9;
    left: -8px;
    border: 1px solid #ececec;
}

.png_pic_des ul {
    padding: 10px;
}

.png_pic_des ul li {
    float: left;
    margin-right: 10px;
}

.png_pic_des p {
    margin-left: 10px;
}

.pngtitle_n:hover .png_pic_des {
    display: block;
}


/*
* auther:qing_321
* title:sidebar
* name:?????
* time:2018/09/13
*/

.su_down_n {
    display: none;
    width: 147px;
    height: 126px;
    background: url('../images/actVip/act_vip_right.png');
    position: absolute;
    top: -260px;
    right: 7px;
}

.su_down_n_qixi {
    display: none;
    width: 144px;
    height: 155px;
    background: url('../images/activity/haggle.png?v=4.15') no-repeat;
    position: absolute;
    top: -280px;
    right: -26px;
}

.rb_drop.weixin {
    width: 384px;
    left: -395px;
}

.rb-wx-left {
    width: 100%;
    text-align: center;
}

.rb_qq_Qr {
    margin: 18px 0;
    display: inline-block;
    width: 126px;
    height: 115px;
    background: url('../images/activity/get_vip_icon_n.png');
}

/* ????????? */

.rb_drop.weixin {
    width: 384px;
    left: -395px;
}

.rb_qq_Qr {
    margin: 18px 0;
    display: inline-block;
    width: 126px;
    height: 115px;
    background: url('../images/activity/get_vip_icon_n.png');
}

/* ????????? */

.rb_drop.weixin {
    padding: 20px;
    box-sizing: border-box;
    width: 250px;
    left: -260px;
    top: -55px;

}

.rb_drop.weixin li {
    color: #555;
    line-height: 25px;
    margin: 10px 0;
    font-size: 14px;
    text-align: left;
}

.rb_drop.weixin li:hover {
    color: #ff5700;
}

.rb_drop.weixin .btn_join {
    float: right;
    background: linear-gradient(to right, #ff5700, #ff9000 100%);
    color: #fff;
    margin-left: 10px;
    height: 25px;
    width: 60px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
}

.rb_drop.weixin .btn_join:hover {
    opacity: 0.8;
}

.skip_more {
    text-align: center !important;
}

.skip_more a {
    color: #ff5700;
}

.skip_more a:hover {
    opacity: 0.8;
}

.rb_drop.weixin .icon_index4 {
    display: inline-block;
}

.rb_drop.weixin .i_qq {
    width: 20px;
    height: 20px;
    background-position: -1186px -495px;
    vertical-align: -6px;
    margin-right: 5px;
}

.rb_drop:before {
    top: 80px;
}

.rb_drop.lxkf {
    margin-top: -60px;
}

.rb_weixinQr {
    margin: 15px auto 0px;
}



/*
* auther:qing_321
* name:????���????
* time:2018/09/14
*/

/***** ??????? *******/
/*del7*/
.search_log_box {
    /*margin-top: -17px;*/
}

/*del8*/
.favour-box .favour-btn {
    /*margin-top: -11px;*/
    display: inline-block;
    width: 90px;
    height: 26px;
    border-radius: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 26px;
    background: #26b116;
    background: -moz-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -webkit-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -o-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -ms-linear-gradient(left, #2dc61d 0, #26b116 100%);
    background: -webkit-gradient(linear, left top, right top, from(#2dc61d), to(#26b116));
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #2dc61d), to(#26b116));
    background: linear-gradient(to right, #2dc61d 20px, #26b116 100%);
    color: #fff
}

/*del9*/
.login-register .notice {
    /*margin-top: -11px;*/
    position: relative;
    width: 45px;
    height: 26px;
    border-radius: 20px;
    text-align: center
}
/*add1*/
.login-register .notice a{
    display: block;
}
/*del4*/
.login-register .logined-box .userdrop {
    /*margin-top: -21px;*/
    cursor: pointer
}

.searchTipBox {
    margin-top: 1px;
}



.icon_index2 {
    background-image: url(./../images/n-indexIcons-2.png?v.2);
    display: inline-block;
}

/***** ??????? *******/

.header_wrap {
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    position: relative;
    z-index: 99;
}

.header_wrap .h_left {
    float: left;
    width: 115px;
    margin-top: 12px;
}

.header_wrap .h_left .logo {
    display: inline-block;
    width: 116px;
    height: 35px;
    background-position: -572px -439px;
}


.header_wrap .h_center {
    margin-left: 115px;
    margin-right: 365px;
    text-align: center;
}

.header_wrap .h_right {
    float: right;
    padding-left: 10px;
    width: 365px;
}
.nav .free{
    font-size: 12px;
    color: #fff;
    background: #4bb6e0;
    line-height: 15px;
}
/******??????**********/

/******????��?**********/

.h_center .nav {
    height: 60px;
    line-height: 60px;
    display: inline-block;
}

.h_center .nav > ul {
    display: inline-block;
}

.h_center .nav > ul > li {
    float: left;
    position: relative;
}

.h_center .nav > ul > li > a {
    display: block;
    padding: 0 13px;
    font-size: 18px;
    color: #666;
    position: relative;
}

.h_center .nav > ul > li a.active {
    color: #FE6C23;
}

.h_center .nav > ul > li:hover .lavel_nav {
    display: block;
}

.h_center .nav > ul a:hover {
    color: #FE6C23;
}

.h_center .nav .nav_tip {
    position: absolute;
    width: 30px;
    height: 15px;
    top: 10px;
    right: -10px;
}

.h_center .nav .new_tip {
    background-position: -351px -619px;
}

.h_center .nav .hot_tip {
    background-position: -411px -619px;
}

.h_center .nav .subnav_template {
    width: 455px;
    margin-left: -116px;
}

.h_center .nav .subnav_template .tip_top {
    margin-left: -92px;
}

.h_center .nav .subnav_element {
    width: 455px;
    margin-left: -209px;
}

.h_center .nav .subnav_bg {
    margin-left: -210px;
    width: 510px;
}

.h_center .nav .subnav_perVip {
    width: 710px;
    margin-left: -382px;
}

.h_center .nav .subnav_perVip li {

}

.h_center .nav .subnav_perVip li a {
    font-size: 16px;
    color: #666;
    display: block;
    text-align: center;
}


/*???????*/

.lavel_nav {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 450px;
    display: none;
    box-shadow: 0 0 6px 0px rgba(90, 95, 106, 0.15);
    border-radius: 4px;
    top: 55px;
    padding: 10px;
    padding-left: 40px;
    z-index: 9999;
}

.lavel_nav h2 {
    font-size: 22px;
    line-height: 50px;
    text-align: left;
    color: #999;
}

.lavel_nav h2 .font_color {
    font-size: 24px;
    color: #fe6c23;
    margin-left: 10px;
    font-weight: normal;
    font-family: 'Microsoft YaHei';
    vertical-align: -2px;
}

.lavel_nav dl {
    overflow: hidden;
    margin: 10px 0;
    line-height: 30px;
}

.lavel_nav dt {
    font-size: 18px;
    color: #555;
    line-height: 37px;
    margin-top: 2px;
}

.lavel_nav dt,
.lavel_nav dd {
    float: left;
}

.lavel_nav dd {
    width: 100px;
    text-align: left;
}

.lavel_nav dd a {
    font-size: 14px !important;
    line-height: 40px;
    color: #555;
}

.lavel_nav .i-arrar {
    font-style: normal;
}

.lavel_nav .tip_top {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 50%;
    top: -8px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    box-shadow: -3px -3px 13px rgba(0, 0, 0, 0.1);
    background-color: white;
    border-right: none;
    border-bottom: none;
}

.lavel_nav .line {
    border-top: 1px dashed #eee;
    padding-top: 10px;
}


.lavel_nav .i_vip_box,
.personal_panel .i_vip_box {
    width: 50px;
    height: 45px;
    display: block;
    margin: auto;
}

.lavel_nav .i_allVip,
.personal_panel .i_allVip {
    background-position: -47px -278px;
}

.lavel_nav .i_allSiteVip,
.personal_panel .i_allSiteVip {
    background-position: -236px -231px;
}

.lavel_nav .i_templateVip,
.personal_panel .i_templateVip {
    background-position: -47px -231px;
}

.lavel_nav .i_elementVip,
.personal_panel .i_elementVip {
    background-position: -111px -231px;
}

.lavel_nav .i_bgVip,
.personal_panel .i_bgVip {
    background-position: -173px -231px;
}

.personal_panel .i_zuhe {
    background-position: -300px -231px;
}

.lavel_nav .vip_title {
    text-align: center !important;
    font-size: 24px;
    font-weight: normal;
    margin: 20px auto;
    width: 220px;
    position: relative;
}

.lavel_nav .vip_title::after {
    content: '';
    width: 150px;
    position: absolute;
    height: 1px;
    background: #eee;
    left: -160px;
    top: 25px;
}

.lavel_nav .vip_title::before {
    content: '';
    width: 150px;
    position: absolute;
    height: 1px;
    background: #eee;
    right: -160px;
    top: 25px;
}

.lavel_nav .open_vip {
    width: 115px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    float: right;
    font-size: 13px;
    font-weight: normal;
    padding: 0 !important;
    text-align: center;
    font-size: 13px !important;
    border-radius: 4px;
    margin-top: 10px;
    margin-right: 30px;
}

.lavel_nav .open_vip:hover {
    opacity: 0.8;
}

.lavel_nav .open_vip i {
    display: inline-block;
    vertical-align: -6px;
    width: 20px;
    height: 20px;
}

.lavel_nav .btn_template {
    background: linear-gradient(to right, #e1452c 0, #fa5c3d 100%);
}

.lavel_nav .i_template {
    background-position: -360px -277px;
}

.lavel_nav .btn_element {
    background: linear-gradient(to right, #394efb 0, #6376fb 100%);
}

.lavel_nav .btn_video {
    background: linear-gradient(to right, #3078B8 0, #4BB6E0 100%);
}

.lavel_nav .i_element {
    background-position: -360px -277px;
}

.lavel_nav .btn_bg {
    background: linear-gradient(to right, #05a730 0, #38d337 100%);
}

.lavel_nav .i_bg {
    background-position: -360px -277px;
}

/********??????**************/

/**** ???? *****/

#search {
    width: 586px;
    margin: 20px auto;
}

#search .search_title {
    overflow: hidden;
    padding-left: 10px;
}

#search .search_title li {
    float: left;
}

#search .search_title li span {
    cursor: pointer;
    display: inline-block;
    width: 64px;
    height: 27px;
    text-align: center;
    line-height: 30px;
    color: #999999;
    background-position: -573px -657px;
    font-size: 14px;
}

#search .search_title li span.active {
    background-position: -841px -657px;
    color: #fff;
}

#search .search_cont {
    height: 38px;
    border: 1px solid #E84D2E;
    border-radius: 4px;
    position: relative;
}

#search .search_cont input {
    border-radius: 4px;
    width: 540px;
    height: 100%;
    border: none;
    outline: none;
    color: #555;
    padding-left: 10px;
    font-family: 'Microsoft YaHei';
    float: left;
}

#btn_search {
    background: linear-gradient(to right, #F96248 0, #D94027 100%);
    color: #fff;
    text-align: center;
    line-height: 38px;
    display: block;
    height: 100%;
    overflow: hidden;
}

#btn_search .icon_search {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -742px -233px;
    vertical-align: -7px;
    margin-right: 3px;
}

.search_element span.active {
    background-position: -753px -657px !important;
}

.search_element .search_cont {
    border-color: #3355ff !important;
}

.search_element #btn_search {
    background: linear-gradient(to right, #6088FF 0, #3366FF 100%) !important;
}

.search_bg .search_title li span.active {
    background-position: -662px -657px !important;
}

.search_bg .search_cont {
    border-color: #39c432 !important;
}

.search_bg #btn_search {
    background: linear-gradient(to right, #4CD731 0, #1EAB34 100%) !important;
}
/**************???vip*********************/
.nav_allYearWebsit{display: none;}
.subnav_allYearWebsit{text-align: center;padding-left: 5px;}
.subnav_allYearWebsit h3{font-size: 24px;color:#333;line-height: 40px;height: 40px;margin-bottom: 10px;}
.subnav_allYearWebsit li{font-size:18px;color:#333;line-height: 35px;float: none;}
.subnav_allYearWebsit p a{ color:#FE6C23;font-size: 14px;height: 25px;line-height: 25px;}
.subnav_allYearWebsit .btn-normal{width:160px;height:48px;background:linear-gradient(90deg,rgba(253,150,45,1),rgba(255,107,35,1));border-radius:6px;line-height: 48px;text-align: center;display: inline-block;color: #fff;margin-top: 20px;}
.subnav_allYearWebsit .btn-normal:hover{color:#fff !important;opacity: 0.8}
/************????????**************/

@media screen and (min-width: 1600px) {
    .header_wrap {
        padding: 5px 50px !important;
    }

    /*.header_wrap .h_left {
        width: calc( 50% - 600px);
    }*/
    /*.header_wrap .h_right {
        width: 325px;
    }*/
    /*.header_wrap .h_center {
        width: 1010px;
    }*/
    .nav_allYearWebsit{display: block;}
    .header_wrap .h_center .nav > ul > li > a {
        padding: 0 30px;
    }
    .header_wrap .h_center .nav .subnav_template {
        margin-left: -104px;
    }
    .header_wrap .h_center .nav .subnav_element {
        margin-left: -196px;
    }
    .header_wrap .h_center .nav .subnav_bg {
        margin-left: -198px;
    }
    .header_wrap .h_center .nav .subnav_perVip {
        margin-left: -366px;
    }
}

/*** ???? *****/

.animate-bob {
    animation: bob 2s ease infinite;
}

.animate-fadeInUp {
    animation: fadeInUp 0.3s ease;
}

@keyframes bob {
    1% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInUp {
    1% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    1% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

/*
* auther:qing_321
* name:?????��?-???
* time:2018/09/13
*/

/*
* auther:qing_321
* name:?????��?-???
* time:2018/09/13
*/

.imgListPngNew .imgItemN a.coll {
    margin: -27px 63px 0;
}

.imgListPngNew .imgItemN .imageBox img {
    background-image: url(../images/msk.png);
}

.tips {
    display: none;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    text-align: center;
    background-color: red;
}

.imgListPngNew .nav_main {
    position: relative;
}

.imgListPngNew .admin_edit_des {
    position: absolute;
    bottom: 2px;
    right: 2px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.imgListPngNew .admin_edit_des:hover {
    color: red;
}

.imgListPngNew .edit_des_text {
    position: absolute;
    top: 100px;
    left: 40px;
    width: 1110px;
    height: 65px;
    z-index: 9;
    display: none;
}

.imgListPngNew {
    width: 1200px;
}

.imgListPngNew .imgItemN {
    /* margin: 0px 14px 14px 0px; */
    margin: 0px 30px 20px 0px;
    border-radius: 8px;
    border: 8px solid #fff;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
    -o-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
}

.imgListPngNew .imgItemN .pngBox {
    background: #fff;
    border-bottom: 1px solid #eeeff4;
    padding: 8px;
    padding-bottom: 0px;
    border-bottom: 1px solid #eeeff4;
    background: #fff;
}

.imgListPngNew .imgItemN .pngBottom {
    padding: 0 !important;
}


.imgListPngNew .imgItemN .imageBoxN {
    background: transparent;
    background-image: url(../images/msk.png);
    /*-webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.15);*/
    /*-moz-box-shadow: 0 1px 1px 1px rgba(0,0,0,.15);*/
    /*box-shadow: 0 1px 1px 1px rgba(0,0,0,.15);*/
    /*-ms-box-shadow: 0 1px 1px 1px rgba(0,0,0,.15);*/
    /*-o-box-shadow: 0 1px 1px 1px rgba(0,0,0,.15);*/
}


.imgListPngNew .pngtitle {
    font-size: 15px;
    color: #666;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    overflow: hidden;
    line-height: 44px;
    height: 34px;
    /*width: 250px;*/
    background: #fff;
    /*border-bottom: 1px solid #eeeff4;*/
    display: none;
}

.imgListPngNew .imgItemN a.download {
    bottom: 28px;
}

.imgListPngNew li:hover .pngtitle {
    display: block;
}

.imgListPngNew li:hover .pngBottom {
    display: none;
}
@media (max-width: 1660px) {
	.nav-cont .nav-list>ul>li {
    float: left;
    position: relative;
    margin: 0 8px;
}
}

@media (min-width: 1660px) {
    .w1200 {
        width: 1386px;
    }
    .subjectImgHoverTip {
        left: 75px;
    }
    .imgListPngNew {
        /*margin: 0 auto;*/
        width: 1600px;
    }

}

@media screen and (min-width: 1700px) {
    .imgListPngNew .imgItemN {
        margin: 0px 40px 20px 0px;
        border-radius: 0;
        border: 8px solid #fff;
        -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
        -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
        -ms-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
        -o-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, .15);
    }
}

/*
* auther:qing_321
* name:?????��?-????
* time:2018/09/13
*/

.imgListBgNew .addTheme {
    right: 0;
    top: 100%;
    /* margin-top: -40px;
         z-index: 9999 !important;*/
}

.imgListBgNew .addTheme {
    position: absolute;
    top: 0;
    background: #333332;
    text-align: center;
    padding: 8px 20px;
    color: #fff;
    z-index: 3;
    display: block;
    border: none;
}

.imgListBgNew .addTheme a {
    color: #ffffff;
    text-align: center;
}

.imgListBgNew .tips {
    display: none;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    line-height: 30px;
    text-align: center;
    background-color: red;
}

.imgListBgNew .nav_main {
    position: relative;
}

.imgListBgNew .admin_edit_des {
    position: absolute;
    bottom: 2px;
    right: 2px;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.imgListBgNew .admin_edit_des:hover {
    color: red;
}

.imgListBgNew .edit_des_text {
    position: absolute;
    top: 100px;
    left: 40px;
    width: 1110px;
    height: 65px;
    z-index: 9;
    display: none;
}

.imgListBgNew .pngtitle {
    font-size: 15px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 44px;
    height: 34px;
    /*width: 250px;*/
    background: #fff;
    /*border-bottom: 1px solid #eeeff4;*/
    display: none;
}

.imgListBgNew .imgItemN a.download {
    bottom: 36px;
}

.imgListBgNew li:hover .pngtitle {
    display: block;
}

.imgListBgNew li:hover .pngBottom {
    display: none;
}

.imgListBgNew .imgTInfo {
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    z-index: 2;
}

.imgListBgNew .imgTInfo .tt_c {
    display: none;
}

.imgListBgNew .list:hover .tt_c {
    display: block;
}

.imgListBgNew .list:hover .pb_ppts {
    display: none;
}

.imgListBgNew .list {
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}



.web_toast{  position: fixed;  margin: 0 10px;z-index: 9999;  padding: 15px 40px;  color: #FFFFFF;  background: rgba(0, 0, 0, 0.7);  font-size: 16px;  text-align: center;  border-radius: 4px;
}
/***????????****/
.favour-box .favour-btn.btn-video{
    background:linear-gradient(to right,#ee9946,#ec733a);
    color: #fff;
}
.favour-box .favour-btn.btn-video:hover{
    opacity: .8;
}

.favour-box .favour-btn.btn-video i{
    background-position: -777px -240px;
}

/*****??????????????????*******/
.imgListBox .imgItemN.search_recommend_li .back_gary{
    padding: 25px 20px 18px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width:324px;
}

.search_recommend_li { margin-bottom:30px; }
.search_recommend_ys,.search_recommend_bj,.search_recommend_single {
    position:relative;width:324px;
    border-radius:8px;
    background-color:#ced0d5;
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -webkit-transition-timing-function: linear; }
.search_recommend_ys { height:312px; }
.search_recommend_ys img { border-radius:8px;margin:18px 22px;position:relative;z-index:2; }
.search_recommend_bj { height:158px;margin-top:7px;}
.search_recommend_bj img { border-radius:8px;margin:8px 0 0 12px; }
.search_recommend_ys .s_r_mask,.search_recommend_ys .s_r_div,.search_recommend_ys .s_r_div_background { border-radius:4px;width:278px;height:277px;display: inline-block;position:absolute;top:18px;left:22px;z-index:3; }
.search_recommend_ys .s_r_div_background { background: url(./../images/msk.png) transparent;z-index:1; }
.search_recommend_bj .s_r_mask,.search_recommend_bj .s_r_div { border-radius:4px;width:300px;height:105px;display: inline-block;position:absolute;top:8px;left:12px; }
.search_recommend_ys .s_r_div p { color:#fff;width:100%;text-align:center;margin-top:140px;font-size:22px;line-height:35px; }
.search_recommend_bj .s_r_div p { color:#fff;width:100%;text-align:center;margin-top:20px;font-size:22px;line-height:28px; }
.search_recommend_ys .s_r_div,.search_recommend_bj .s_r_div,.search_recommend_single .s_r_div { text-align:center; }
.search_recommend_ys .s_r_div span,.search_recommend_bj .s_r_div span,.search_recommend_single .s_r_div span { width:160px;height:45px;line-height:45px;margin-top:10px;display:inline-block;border-radius:4px;color:#fff;font-size:22px;background:linear-gradient(to right,#ff9000 0,#ff5700 100%); }
.s_r_div span:hover{background:#ff8d24;background:-moz-linear-gradient(left,#ffa024 0,#ff6f24 100%);background:-o-linear-gradient(left,#ffa024 0,#ff6f24 100%);background:-ms-linear-gradient(left,#ffa024 0,#ff6f24 100%);background:-webkit-gradient(linear,left top,right top,from(#ffa024),to(#ff6f24));background:-webkit-gradient(linear,left top,right top,color-stop(0,#ffa024),to(#ff6f24));background:linear-gradient(to right,#ffa024 0,#ff6f24 100%)}
.search_recommend_ys:hover,.search_recommend_bj:hover,.search_recommend_single:hover { box-shadow:0 2px 3px 1px rgba(0,0,0,.3); }
.s_r_div p em{ color:#ff7800 !important;}
.search_recommend_ys .s_r_mask,.search_recommend_bj .s_r_mask,.search_recommend_single .s_r_mask { background-color:black;opacity:0.3; }

/********?????????*********/

.imgItem.imgItemN.tj:hover{
    box-shadow:none !important;

}
.imgItem.imgItemN.tj{
    overflow: inherit;
}
.imgItem.imgItemN.tj .ele_box:hover,.imgItem.imgItemN.tj .video_box:hover{
    box-shadow: 0 0px 3px rgba(0, 0, 0, .3);
}
.imgItem.imgItemN.tj .msk{
    background-image: url("./../images/msk.png");
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.imgItem.imgItemN.tj .ele_box{
    display: block;
    height: 300px;
    border-radius: 8px;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
    background: url("./../images/yangji/nyj_bg.png") no-repeat;
}
.imgItem.imgItemN.tj .ele_box .msk{
    box-sizing: border-box;
    justify-content: center;
    display: flex;
    align-items: center;
}
.imgItem.imgItemN.tj .ele_box .txt_box{
    height: 130px;
    right: 0;
    bottom: 0;
    margin: auto;
}
.imgItem.imgItemN.tj .video_box{
    display: block;
    height: 170px;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    padding: 15px;
    background: url("./../images/yangji/nyj_bg.png") no-repeat;
}
.imgItem.imgItemN.tj .video_box .txt_box{
    height: 90px;
    right: 0;
    bottom: 0;
    margin: auto;
}
.imgItem.imgItemN.tj .img_mask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
    box-sizing: border-box;
}

.imgItem.imgItemN.tj  img{
    width: 100%;
}
.imgItem.imgItemN.tj .txt_box{
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;

    z-index: 1;
}
.imgItem.imgItemN.tj .txt_box p{
    font-size: 22px;
    color: #fff;
    line-height: 35px;
}
.imgItem.imgItemN.tj .txt_box em{
    color:#ff7800 ;
}
.imgItem.imgItemN.tj .txt_box .btn-lookMore{
    width: 160px;
    height: 45px;
    line-height: 45px;
    margin-top: 10px;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    background: linear-gradient(to right,#ff9000 0,#ff5700 100%);
}
@media screen and (max-width: 1600px){
    .imgListBox .imgItemN.tj{
        padding: 0;
    }
    .imgItem.imgItemN.tj .ele_box{
        height: 245px;
    }
    .imgItem.imgItemN.tj .video_box{
        height: 153px;
    }
    .imgItem.imgItemN.tj{
        height: auto;
    }
}
@media screen and (min-width: 1600px){
    .imgListBox .imgItemN.tj{
        height: auto;
    }
}

/*******???????*********/
.new_user_panel{padding: 15px 40px;}
.new_user_panel .i_l_1{background-position:  -248px -346px;}
.new_user_panel .i_l_2{background-position: -277px -346px }
.new_user_panel .i_l_3{background-position:  -306px -346px;}
.new_user_panel .i_l_4{background-position:  -335px -345px}
.new_user_panel li:nth-child(odd){margin-right: 50px;}
.i_bind{width: 20px; height: 27px;margin-left: 5px;vertical-align: -3px;}
.i_bind_phone{background-position: -250px -373px;}
.i_unbind_phone{background-position: -276px -373px;}
.new_user_panel .icon_index4{display: inline-block;width: 20px;height: 22px;vertical-align: -5px;margin-right: 5px;}
.new_user_panel h2{font-size: 18px;color:#333;line-height: 40px;text-align: center}
.new_user_panel .new_list li{float: left;font-size: 18px;color:#333;line-height: 40px;}
.new_user_panel .btn-update{idth:320px; height:48px;background:linear-gradient(to right,#FD962D,#FF6B23);border-radius:6px;text-align: center;line-height: 48px;color: #fff;font-size:24px;display: block;margin: auto;margin-top: 20px; }

/* ????VIP */
.lavel_nav.subnav_perVip{padding: 10px;box-sizing: border-box;}
.vip-list .i_website{background-position: -176px -275px !important;display: inline-block;margin-top:6px;width: 49px;height: 61px;}
.vip-list .i_allYearElement{background-position: -48px -282px !important;width: 50px;height: 41px;display: inline-block;margin-top: 16px;}
.vip-list .i_oneYearElement{background-position: -235px -234px !important;width: 50px;height: 41px;display: inline-block;margin-top: 16px;}
.vip-list .i_template{background-position:-517px -340px !important;width: 31px;height: 25px;display: inline-block;vertical-align: -5px;}
.vip-list .i_element{background-position: -556px -340px !important;width: 31px;height: 25px;display: inline-block;vertical-align: -5px;}
.vip-list .i_bg{background-position: -594px -340px !important;width: 31px;height: 25px;display: inline-block;vertical-align: -5px;}
.vip-list .row-line{border: none;border-top:1px dashed rgba(230,230,230,1);margin: 10px 0;}
.vip-list .row-1{background: url("./../images/website.png");height: 108px;}
.vip-list .row-1 a{display: block;}
.vip-list .row-1 .w_left{width: 38%;float: left;text-align: center}
.vip-list .row-1 .w_left p{color: #FFB700;font-size: 14px;margin-top: 70px;line-height: 30px;}
.vip-list .row-1 .w_right p{line-height: 30px;margin-top: 10px;color: #666;}
.vip-list .row-1 .w_right{overflow: hidden;text-align: left;}
.vip-list .row-1 .w_right .btn-open{cursor: pointer;width:160px;height:42px;border: none;outline: none;background:linear-gradient(to right,#FFC738,#FFB700);color: #fff;font-size: 20px;border-radius: 42px;display: inline-block;margin-top: 10px;}
.vip-list .row-1 .w_right .btn-open:hover{opacity: 0.8}
.vip-list .row-2{text-align: center;display: inline-block; }
.vip-list .row-2 li{margin-right: 10px;border:1px solid rgba(230,230,230,1);border-radius:4px;text-align: center;width: 107px;position: relative;height:40px;line-height: 40px;transition:all 0.3s ease;float: left}
.vip-list .row-2 li:last-child{margin-right: 0;}
.vip-list .row-2 li a{color: #666;transition:all 0.3s ease }
.vip-list .row-2 .template:hover {border-color:#FE6C23 }
.vip-list .row-2 .template:hover a{color:#FE6C23}
.vip-list .row-2 .element:hover {border-color:#626efe }
.vip-list .row-2 .element:hover a{color:#626efe }
.vip-list .row-2 .bg:hover {border-color:#56c866 }
.vip-list .row-2 .bg:hover a{color:#56c866 }
.vip-list .row-1 li .tag_new {
    position: absolute;
    height: 26px;
    width: 43px;
    right: 7px;
    top: 16px;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    background-position: -339px -376px;
}
.user_manage_n .vip-list{padding: 0 10px;text-align:center;/*border-bottom: 1px dashed #AFAFAF;margin: 13px;*/}
.main_perVip:hover .subnav_perVip{display: block;}
/*.user_manage_n .vip-list .row-2 li i{display: block;margin: auto}
.user_manage_n .vip-list .row-2 li{line-height: 25px;padding: 8px 0;height: auto;width: 116px;}
.user_manage_n .vip-list .row-2 li a{font-size: 14px;}*/

.user_manage_n .tip_top {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    right: 37px;
    top: -8px;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    box-shadow: -3px -3px 13px rgba(0, 0, 0, 0.1);
    background-color: white;
    border-right: none;
    border-bottom: none;
}


/*
* ????????????????????
*/
.preview_mode{width: 230px;float: right;margin-top: 8px;font-size: 14px;color: #999;}
.preview_mode dt{font-weight: bold;color: #888}
.preview_mode dd{cursor: pointer;}
.preview_mode dt,.preview_mode dd{float: left;line-height: 30px;margin-left: 10px;}
.preview_mode dd.active{color: #FF6C26}
.loading_more{text-align: center;margin-bottom: 50px;}

/*
* ?????????
* time:2018/11/28
*/
.allWebsite_drop.rb_drop.gzh{top:-110px;width: 195px;left: -205px;height: auto;padding-bottom: 10px}
.allWebsite_drop.rb_drop.weixin{top:-87px;width: 371px;left: -382px;height: auto;padding: 20px 0;}
.allWebsite_drop.rb_drop:before{top: 120px;}
.allWebsite_drop .dr_left{width: 150px;float: left;text-align: center;border-right: 1px solid #E6E6E6;padding: 10px 0;}
.allWebsite_drop .dr_left{display: block;}
.allWebsite_drop .dr_left p{font-size: 16px;line-height: 30px;color: #333;margin-top: 5px;}
.allWebsite_drop .dr_left .i_allWebsite{background-position: -1498px -53px;}
.allWebsite_drop .dr_left .i_allWebsite{width:80px;height:80px;display: inline-block;}
.allWebsite_drop .dr_right{overflow: hidden;text-align:center }
.allWebsite_drop .dr_right p{color: #666;line-height: 30px;height: 30px;font-size: 16px;}
.allWebsite_drop .dr_right  .btn-allWebsite{width:160px;height:48px;background:linear-gradient(90deg,rgba(253,150,45,1),rgba(255,107,35,1));border-radius:4px;
    font-size: 24px;color: #fff;line-height: 48px;text-align: center;display:inline-block;margin-top: 5px;}
.allWebsite_drop .dr_right  .btn-allWebsite:hover{opacity: 0.8}

/*
* ?????????
*/
@-ms-keyframes rightInLeft_opacity {
    1%{
        -ms-transform: translateX(50px);
        opacity: 0;
    }
    100%{
        -ms-transform: translateX(0px);
        opacity: 1;
    }
}
@-webkit-keyframes rightInLeft_opacity {
    1%{
        -webkit-transform: translateX(50px);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}
@-moz-keyframes rightInLeft_opacity {
    1%{
        -moz-transform: translateX(50px);
        opacity: 0;
    }
    100%{
        -moz-transform: translateX(0px);
        opacity: 1;
    }
}
@-o-keyframes rightInLeft_opacity {
    1%{
        -o-transform: translateX(50px);
        opacity: 0;
    }
    100%{
        -o-transform: translateX(0px);
        opacity: 1;
    }
}

/***********???????????????***********/
/*
#right-login .logined-box .img_vip a{position: relative;}
#right-login .logined-box .img_vip  a::before{
   content: ''; position: absolute;width:47px;height: 33px;left: -2px;top: -47px;background: url(../../images/activity/egg_pair/adorn_avatar.png);
}
*/

/***********???????***********/
.commercial-default{width: 30px;height: 30px;background-image: url(./../images/business.png?2019/07/17);position: absolute;right: 0;top: 0;z-index: 9}

/**********?????????????***********/
.tool-bar-right .btn-entry{position: relative;display: block;height: 58px;width: 58px;border-radius: 8px;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);background: #fff;margin-bottom: 10px;text-align: center;padding:8px 0;box-sizing: border-box;cursor: pointer;}
.tool-bar-right .btn-entry .text{font-size: 12px;color: #999;text-align: center;}
.tool-bar-right .icon_index4{width: 30px;height: 26px;display: inline-block;}
.tool-bar-right .i-active{background-position:-1558px -154px}
.tool-bar-right .text-hover{display: none}
.tool-bar-right .btn-entry .text-hover{color: #fff;margin-top: 5px;}
.tool-bar-right .btn-entry .radio{width: 5px;height: 5px;background:#ff5700;border-radius: 50%;position: absolute;top: 5px;left: 5px; }
.tool-bar-right .btn-entry .hover-wrap{padding: 20px;box-sizing: border-box;width: 250px;left: -260px;top: -55px;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1)
;border-top: 5px solid #ff6b0f;position: absolute;border-radius: 8px;background:#fff;display: none;}
.tool-bar-right .btn-entry .hover-wrap::before{content: '';position: absolute;right: -20px;top: 68px;border:10px solid #fff;border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;}
.tool-bar-right .btn-entry:hover {background: #ff5700;background: linear-gradient(to right, #ff9000 0, #ff5700 100%);}
.tool-bar-right .btn-entry:hover .text-hover{display: block;}
.tool-bar-right .btn-entry:hover .text-main,.tool-bar-right .btn-entry:hover .radio{display: none}
.tool-bar-right .btn-entry:hover .hover-wrap{display: block;}

/******************????��???*********************/
.tool-bar-right .rb_wx .radio{width: 5px;height: 5px;background:#ff5700;border-radius: 50%;position: absolute;top: 5px;left: 5px; }

/******************????????*********************/
.animate-diverge{animation: animate-diverge  2s both infinite;-moz-animation: animate-diverge  2s both infinite;-ms-animation: animate-diverge  2s both infinite;-moz-animation: animate-diverge  2s both infinite;}
@keyframes animate-diverge{
    1%{
        box-shadow: 0 0 0px 0 rgba(255,8,7,0.5);
    }
    100%{
        box-shadow: 0 0 0px 10px rgba(255,8,7,0);
    }
}
@-ms-keyframes animate-diverge{
    1%{
        box-shadow: 0 0 0px 0 rgba(255,8,7,0.5);
    }
    100%{
        box-shadow: 0 0 0px 10px rgba(255,8,7,0);
    }
}
@-moz-keyframes animate-diverge{
    1%{
        box-shadow: 0 0 0px 0 rgba(255,8,7,0.5);
    }
    100%{
        box-shadow: 0 0 0px 10px rgba(255,8,7,0);
    }
}
.template-nav h1 {
    font-size: 16px;
    color: #666;
    margin: 5px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*width:855px;*/
}


/*************************************nav_detail_new.html[png???????????????]??start****************************************/
.favour-box .favour-btn{display:inline-block;width:90px;height:26px;border-radius:20px;text-align:center;font-size:14px;line-height:26px;background:#26b116;background:-moz-linear-gradient(left,#2dc61d 0,#26b116 100%);background:-webkit-gradient(linear,left,right,color-stop(0,#2dc61d),color-stop(100%,#26b116));background:-webkit-linear-gradient(left,#2dc61d 0,#26b116 100%);background:-o-linear-gradient(left,#2dc61d 0,#26b116 100%);background:-ms-linear-gradient(left,#2dc61d 0,#26b116 100%);background:-webkit-gradient(linear,left top,right top,from(#2dc61d),to(#26b116));background:-webkit-gradient(linear,left top,right top,color-stop(0,#2dc61d),to(#26b116));background:linear-gradient(to right,#2dc61d 20px,#26b116 100%);color:#fff}
.login-register .notice{position:relative;width:45px;height:26px;border-radius:20px;text-align:center}
.login-register .logined-box .userdrop{cursor:pointer;margin-left: -13px;}
.header_wrap .search_box .search_main{display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;}
.header_wrap .search_box .search_input {
    flex: 1;-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;
    line-height: 40px;
    border: none;
    outline: none;
    color: #666;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 16px;
    font-family: 'Microsoft YaHei';
    color: #999;
}
.searchTipBox {margin-top: 1px;}
.clearfix::after {
    clear: both;
}

.clearfix:after,
.clearfix:before {
    content: '';
    display: table;
}

.icon_index4 {
    display: inline-block;
}

.icon_index2 {
    display: inline-block;
}

.header_wrap {
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.1);
    padding: 0 10px;
    position: relative;
    z-index: 99;
    min-width: 1200px;
}

.header_wrap .h_left {
    float: left;
    width: 115px;
    margin-top: 12px;
}

.h_left .logo {
    display: inline-block;
    width: 116px;
    height: 35px;
    background-position: -572px -439px;
}

.header_wrap .h_center {
    margin-left: 33px;
    margin-right: 365px;
    text-align: center;
    min-width: 1179px;
}
.header_wrap .h_center .nav_wrap{display: inline-block;}

.header_wrap .h_right {
    float: right;
    width: 365px;
    padding-left: 10px;
}

.header_wrap .nav_box {
    line-height: 60px;
    height: 60px;
    float: left;
}

.header_wrap .nav_box li {
    float: left;
    list-style: none;
    padding: 0 13px;
    position: relative;
}

.header_wrap .nav_box li:hover .leval_nav {
    display: block;
}

.header_wrap .nav_box li a {
    color: #666;
    position: relative;
}
.header_wrap .nav_box li .i_tip_hot{
    width: 26px;
    height: 12px;
    background-position:-413px -621px ;
    position: absolute;
    top: -5px;
    right: -26px;
}

.header_wrap .nav_box li .i_tip_new{
    width: 26px;
    height: 12px;
    background-position:-352px -621px;
    position: absolute;
    top: -5px;
    right: -26px;
}



.header_wrap .nav_box li a:hover{
    color:#ff5700 ;
}
.header_wrap .nav_box li a:hover i{border-top-color:#ff5700 }
.header_wrap .search_box {
    border: 1px solid #FE6C23;
    border-radius: 5px;
    margin-top: 10px;
    width: 393px;
    float: left;
    margin-left: 20px;
    position: relative;
}

.header_wrap .search_tab {
    width: 70px;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: relative;
    margin-left: -10px;
    position: relative;
    cursor: pointer;
    z-index: 999;
}
.header_wrap .search_tab:hover .searchType_panel{display: block;}
.header_wrap .search_tab .search_type {
    color: #666;
    font-size: 14px;
}

.header_wrap .search_tab .searchType_panel {
    position: absolute;
    top: -1px;
    left: 9px;
    width: 61px;
    height: 120px;
    background: #fff;
    border: 1px solid #fe6c23;
    border-radius: 4px;
    text-align: left;
    overflow: hidden;
    display: none;
}
.header_wrap .search_tab .searchType_panel a{
    padding-left: 11px;
    display: block;
}
.header_wrap .search_tab .searchType_panel li:hover{
    background: #f7f7f7;
    color: #FE6C23;
}

.header_wrap .search_tab .i_arrow {
    position: absolute;
    top: 1px;
    font-style: normal;
    font-family: consolas;
    color: #666;
    right: 10px;
    transform: rotate(90deg);
}

.header_wrap .search_tab::after {
    content: '';
    border-right: 1px solid #FE6C23;
    top: 5px;
    right: 0;
    position: absolute;
    height: 80%;

}

.header_wrap .search_tab li {
    list-style: none;
}

.header_wrap .search_tab li a {
    font-size: 14px;
    color: #666;
}

/***??????????****/
.header_wrap .search_box .search_div{display: flex;display: -webkit-flex;display: -moz-flex;display: -ms-flex;flex: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;}
.header_wrap .search_box .search_tip,.header_wrap .search_box .search_normal{
    position: absolute;
    left: 0;
    top: 42px;
    width: 286px;
    min-height: 100px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.header_wrap .search_box .btn_search {
    float: right;
    width: 105px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
    color: #fff;
    text-decoration: none;
}
.header_wrap .search_box .btn_search:hover{
    opacity: 0.9;
}
.header_wrap .search_box .btn_search .i_search {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-position: -742px -233px;
    vertical-align: -7px
}

.header_wrap .nav_box .arrow_bottom {
    display: inline-block;
    vertical-align: -2px;
    border: 5px solid #666;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

/*???????*/

.header_wrap .nav_box .leval_nav {
    position: absolute;
    left: 0;
    width: 460px;
    box-shadow: 0 0px 6px 0px rgba(90, 95, 106, .15);
    background: #fff;
    padding-top: 20px;
    border-radius: 8px;
    display: none;
}

.header_wrap .nav_box .leval_nav li {
    width: 25%;
    float: left;
    padding: 0;
    text-align: center;
}

.header_wrap .nav_box .leval_nav li .icon_index4 {
    width: 30px;
    height: 30px;
    display: block;
    margin: auto;
}

.header_wrap .nav_box .leval_nav li .i_template {
    background-position: -397px -441px
}

.header_wrap .nav_box .leval_nav li .i_element {
    background-position: -441px -441px
}

.header_wrap .nav_box .leval_nav li .i_bg {
    background-position: -482px -441px
}

.header_wrap .nav_box .leval_nav li .i_tbToll {
    background-position: -526px -441px
}

.header_wrap .nav_box .leval_nav li p {
    height: 30px;
    line-height: 30px;
}

.header_wrap .nav_box .leval_nav li a {
    text-align: center;
    display: inline-block;
    color: #888
}

.header_wrap .nav_box .leval_nav .hover_template:hover i {
    background-position: -219px -440px
}

.header_wrap .nav_box .leval_nav .hover_template:hover p {
    color: #FF6B23
}

.header_wrap .nav_box .leval_nav .hover_element:hover i {
    background-position: -264px -440px
}

.header_wrap .nav_box .leval_nav .hover_element:hover p {
    color: #FF6B23
}

.header_wrap .nav_box .leval_nav .hover_bg:hover i {
    background-position: -306px -440px
}

.header_wrap .nav_box .leval_nav .hover_bg:hover p {
    color: #FF6B23
}

.header_wrap .nav_box .leval_nav .hover_tbToll:hover i {
    background-position: -351px -440px
}

.header_wrap .nav_box .leval_nav .hover_tbToll:hover p {
    color: #FF6B23
}

.header_wrap .nav_box .leval_nav .arrow_top {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #eee;
    transform: rotate(45deg);
    top: -6px;
    left: 60px;
    margin-left: -5px;
    box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-bottom: none;
    border-right: none;
}

.header_wrap .vip_center{
    vertical-align: middle;
    display: inline-block;
    padding:  2px 10px;
    border-radius: 30px;
    font-size: 14px;
    color: #fff;
    background: linear-gradient(to right,#2dc61d 20px,#26b116 100%);
}
.header_wrap .vip_center .i_vip{
    background-position: -668px -240px;
    width: 16px;
    height: 14px;
    display: inline-block;
    vertical-align: -2px;
}
.header_wrap .vip_center:hover{
    opacity: 0.9;
}

.header_wrap .info_center:hover{
    background:linear-gradient(to right, #ff9000 0, #ff5700 100%) ;
}
.header_wrap .info_center:hover .i_info{
    background-position: -716px -238px;
}
.header_wrap .info_center .i_info{
    display: inline-block;
    width: 16px;
    height: 14px;
    background-position: -692px -238px;
}
.header_wrap .info_center {
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
    padding:  2px 10px;
    border-radius: 30px;
}

.header_wrap .personal_center {
    display: inline-block;
    vertical-align: middle;

}

.header_wrap .personal_center .login_box {
    height: 60px;
    line-height: 60px;
    padding-top: 10px;
}

.header_wrap .personal_center .personal_box{
    height: 60px;
    line-height: 60px;
    padding-top: 5px;
    width: 175px;
}
.header_wrap .personal_center .login_box>a{
    float: left;
}
.header_wrap .personal_center .login_box a {
    width: 82px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;

    text-align: center;
    display: inline-block;
    border: 1px solid #DEDEDE;

}

.header_wrap .personal_center .login_box a:hover {
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
    color: #fff;
    opacity: 0.8;
}

.header_wrap .personal_center .login_box .btn_register {
    background: linear-gradient(to right, #ff9000 0, #ff5700 100%);
    color: #fff;
    margin-left: 10px;
}

.header_wrap .personal_center .user_id {
    min-width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header_wrap .personal_center p {
    line-height: 25px;
    color: #999999;
}

.header_wrap .personal_center img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.header_wrap .vip_box {
    display: inline-block;
    width: 16px;
    height: 14px;
    margin-right: 5px;
}

.header_wrap .vip_allYear {
    background-position: -648px -240px;
}

/************????????**************/
@media screen and (min-width:1600px){
    .header_wrap .nav_box li{padding: 0 20px;}
    .header_wrap .search_box{margin-left: 30px;}
}

/*** ???? *****/
.animate-bob {
    animation: bob 2s ease infinite;
}

.animate-fadeInUp {
    animation: fadeInUp 0.3s ease;
}

@keyframes bob {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-3px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
/*************************************nav_detail_new.html[png???????????????]??start****************************************/


/********************************** ???��?????start ***************************************/
/*****?????*******/
.icon_per { background-image: url(./../../images/personalCenter/icon_per.png); display: inline-block; }
.fav_mask { position: fixed; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; z-index: 999; }

.mask_wrap { position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 960px; height: 400px; background: #fff; box-sizing: border-box; border-radius: 4px; overflow: hidden; }
.mask_wrap .btn_normal { cursor: pointer; outline: none; border: none; font-family: 'Microsoft YaHei'; color: #fff; background-color: transparent; }
.mask_wrap .btn_normal:hover { opacity: 0.8; }
.mask_wrap .btn_closeMask { width: 20px; height: 20px; background-position: -263px -194px; position: absolute; right: 18px; top: 12px; }
.mask_wrap .mask_header { height: 47px; background: #F6F6F6; padding: 0 20px; box-sizing: border-box; border-radius: 4px 4px 0 0; }
.mask_wrap .mask_header h2 { font-size: 18px; color: #52525A; line-height: 47px; }
.mask_wrap .mask_body { overflow: auto; height: 315px; padding: 10px; margin: 10px;box-sizing: border-box; }
.mask_wrap .mask_body .btn_normal { width: 68px; height: 26px; border-radius: 4px; font-size: 14px; float: right; margin-top: 11px; box-sizing: border-box; }

/****** ????? ???????? *********/
.select_file li {
    line-height: 50px; border-radius: 4px; height: 50px; border: 1px solid #ededed;
    padding: 0 10px; box-sizing: border-box; margin-bottom: 12px;
    color: #666666;cursor: pointer; }
    .select_file li.active {
        border: 1px solid #ff9000;
        color: #ff9000
    }
.select_file li:hover{color: #ff9000}
.select_file .btn_favHouse { border: 1px solid #F3F3F3; color: #888888; background: #fff; }
.select_file .btn_favHouse:hover { background: linear-gradient(to right, #ff9000, #ff5700); color: #fff; }
.select_file .btn_favHoused { border: 1px solid #fff; background: linear-gradient(to right, #ff9000, #ff5700); color: #fff; }
.select_file .btn_collet {
    width: 170px;
    height: 44px;
    background: linear-gradient(135deg, #FF5249 0%, #FF9A53 100%);
    border-radius: 4px;
    color: #fff;
    display: block;
    margin: 20px auto;
    text-align: center;
    line-height: 44px;

}
/****** ????? ??????? ******/
.create_file .form_control { box-sizing: border-box;height: 42px; border-radius: 4px; border: 1px solid  #EDEDED; width: 100%; outline: none; padding-left: 10px; color: #555; font-family: 'Microsoft YaHei'; }
.create_file .form_control::-webkit-input-placeholder { font-size: 14px; color: #666; line-height: 42px; font-family: 'Microsoft YaHei'; }
.create_file .form_control::-ms-input-placeholder { font-size: 14px; color: #666; line-height: 42px; }
.create_file .form_group { position: relative; }
.create_file .count_total { position: absolute; font-size: 14px; color: #999; right: 10px; top: 10px; vertical-align: -3px; }
.create_file .form_tip { color: #FF6565; font-size: 14px; line-height: 30px; }
.create_file .form_err_tip { color: #ff6565; font-size: 14px; line-height: 30px; }
.create_file .form_err_tip .i_danger { width: 16px; height: 16px; background-position: -264px -168px; vertical-align: -3px; }
.create_file .btn_cancel { width: 156px; height: 36px; background: #fff; border-radius: 4px; border: 1px solid #EDEDED; color: #999999; }
.create_file .btn_confirm { width: 156px; height: 36px; background: -webkit-linear-gradient(150deg, #ff9000, #ff5700); background: -webkit-linear-gradient(150deg, #ff9000, #ff5700); background: -ms-linear-gradient(150deg, #ff9000, #ff5700); background: -o-linear-gradient(150deg, #ff9000, #ff5700); background: -moz-linear-gradient(150deg, #ff9000, #ff5700); border-radius: 4px; color: #fff; }

/***** ?????? ******/
.edit_file .form_control { height: 42px; border-radius: 4px; border: 1px solid  #EDEDED; width: 100%; outline: none; padding-left: 10px; color: #555; font-family: 'Microsoft YaHei'; }
.edit_file .form_control::-webkit-input-placeholder { font-size: 14px; color: #666; line-height: 42px; font-family: 'Microsoft YaHei'; }
.edit_file .form_control::-ms-clear, .edit_file .form_control::-ms-reveal { display: none; }
.edit_file .form_control::-ms-input-placeholder { font-size: 14px; color: #666; line-height: 42px; }
.edit_file .form_group { position: relative; }
.edit_file .count_total { position: absolute; font-size: 14px; color: #999; right: 10px; top: 10px; vertical-align: -3px; }
.edit_file .form_tip { color: #FF6565; font-size: 14px; line-height: 30px; }
.edit_file .form_err_tip { color: #ff6565; font-size: 14px; line-height: 30px; }
.edit_file .form_err_tip .i_danger { width: 16px; height: 16px; background-position: -264px -168px; vertical-align: -3px; }
.edit_file .btn_cancel { width: 156px; height: 36px; background: #fff; border-radius: 4px; border: 1px solid #EDEDED; color: #999999; }
.edit_file .btn_confirm { width: 156px; height: 36px; background: linear-gradient(150deg, #ff9000, #ff5700); border-radius: 4px; color: #fff; }
.edit_file .create_title, .edit_file .edit_title { color: #333333; font-weight: normal; line-height: 30px; margin-bottom: 5px; }
.edit_file .delete_house { width: 40%; float: left; margin-top: 6px; text-align: left; }
.edit_file .delete_house .btn_delete { color: #999999; }
.edit_file .delete_house .i_delete_house { width: 15px; height: 15px; background-position: -266px -279px; vertical-align: -1px; margin-right: 5px; }
.edit_file .btn_gorup { overflow: hidden; }
.edit_file hr.line { border: none; border-bottom: 1px solid #EEEEEE; margin: 10px 0; }
.edit_file .mask_footer { padding: 0 30px; }
.edit_file .mask_body { padding: 20px; height: auto; padding-top: 0px; }
.edit_file .banner_cover { position: relative; }
.edit_file .banner_cover .btn_normal { width: 62px; height: 62px; position: absolute; top: 50%; margin-top: -31px; background-color: transparent; cursor: pointer; background-color: transparent; }
.edit_file .banner_cover .btn_normal:hover { opacity: 1; }
.edit_file .banner_cover .btn_prev { left: 20px; background-position: -9px  -386px; }
.edit_file .banner_cover .btn_next { right: 20px; background-position: -81px -386px; }
.edit_file .cover_select_box { overflow: hidden;position: relative; border: 1px solid #eee; border-radius: 4px; padding: 5px; height: 210px; }
.edit_file .cover_select_box li { width: 193px; height: 200px; display: inline-block; overflow: hidden; position: relative; cursor: pointer; }
.edit_file .cover_select_box li:hover .select_mark { display: block; }
.edit_file .cover_select_box li img { width: 100%; }
.edit_file .cover_select_box li .select_mark { width: 60px; height: 40px; position: absolute; bottom: 20px; left: 50%; margin-left: -30px; background-position: -165px -397px; margin-top: 45px; display: none; }
.edit_file .cover_select_box li.active .select_mark { background-position: -243px -397px; display: block; }

.delete_file { padding: 30px; text-align: center; }
.delete_file .mask_main p { font-size: 18px; color: #333; line-height: 30px; }
.delete_file .mask_body { height: auto; }
.delete_file .btn_cancel { width: 156px; height: 36px; background: #fff; border-radius: 4px; border: 1px solid #EDEDED; color: #999999; }
.delete_file .btn_confirm { width: 156px; height: 36px; background: linear-gradient(150deg, #ff9000, #ff5700); border-radius: 4px; color: #fff; }

.mask_footer { text-align: center; }
.mask_footer .btn_createFile { background: transparent; color: #999999; width: 115px; margin-top: 12px; }
.mask_footer .btn_createFile .i_createFile { width: 15px; height: 15px; background-position: -265px -220px; vertical-align: -2px; margin-right: 5px; }

/*** ???? *****/
.animate-bob { animation: bob 2s ease infinite; }

.animate-fadeInUp { animation: fadeInUp 0.3s ease; }

@keyframes bob { 0% { transform: translateY(0); }
    50% { transform: translateY(-3px); }
    100% { transform: translateY(0); } }
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
    100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
    100% { opacity: 1; -moz-transform: translateY(0); } }

.circular-loading{
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    -webkit-animation: circular-loading 1.5s ease-in-out infinite;
    animation: circular-loading 1.5s ease-in-out infinite;
}
.circular-loading{width:50px;height: 50px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;}
.circular-loading svg{color: #999;}

@keyframes circular-loading {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40;
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120;
    }
}

/********************************** ???��?????end **************************************************/


.moban_box .list03 {
    margin-top: 10px;
}

.moban_box .list03 .container {
    display: flex;
    flex-wrap: wrap;
    width: 1385px;
    margin-left: auto;
    margin-right: auto;
}
.moban_box .list03 .item {
    width: 324px;
    margin-left: 29px;
    margin-top: 30px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: relative;
}
@media screen and (max-width:1600px){
.moban_box .list03 .container {
    display: flex;
    flex-wrap: wrap;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
	}
.moban_box .list03 .item {
    width: 278px;
    margin-left: 29px;
    margin-top: 30px;
    background: #FFFFFF;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    position: relative;
	}
}
.moban_box .list03 .item:nth-child(4n+1) {
    margin-left: 0;
}
.moban_box .list03 .item .pic {
    height: 220px;
    position: relative;
    background: #E6F0F5;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.moban_box .list03 .item .pic img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.moban_box .list03 .item .business {
    position: absolute;
    top: 0;
    left: 0;
    background: #FF6B23;
    border-top-left-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 8px 3px;
}
.moban_box .list03 .item .title {
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.imgListBox .imgItem .higeTagIcon_sy {
    background-image: url(./../images/business.png?2019/07/17);
    background-position:0 0;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}


/* 协议弹窗 */
.mask-popup{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000;
    background:rgba(0,0,0,0.2);
    display: none
}
.i_check {
    background-position: -267px -621px;
    width: 15px;
    height: 15px;
    vertical-align: -3px;
    display: inline-block;
}
.mask-popup .popup{height: 470px;width: 820px;border:5px solid #aeaeae;left: 0;top: 0;right: 0;bottom: 0;margin: auto;position: absolute;z-index: 100;padding: 0;box-sizing: border-box;text-align: left; }
.mask-popup .popup .popup-header{height: 40px;background: #F3F3F3;}
.mask-popup .popup .popup-body{
    height:420px;
    overflow: auto;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
}
.mask-popup .popup .popup-body p{text-indent: 30px;color: #666;font-size: 14px;line-height: 20px;}
.mask-popup .popup h2{line-height: 40px;padding: 0 20px;box-sizing: border-box;}
.mask-popup .popup .close-mask{font-size: 24px;top: 0px;color: #555;font-weight: lighter;float: right;}
.re-list .i-element { width: 24px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 2px; background-position:-483px -344px; }
.re-list .line-hr{width: 330px;margin: auto;}

.imgListBox .imgItemN a.addcart {
    position: absolute;
    top: 0;
    z-index: 2;
    display: none;
    margin: 30px 14px;
    height: 37px;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    line-height: 37px;
    cursor: pointer;
    transition-property: background-image;
    box-shadow: 0px 6px 15px rgb(0 0 0 / 30%);
}
.imgListBox .imgItemN a.addcart {
    top: 287px;left: 57px;
}

@media screen and (max-width: 1600px) {
    .imgListBox .imgItemN a.addcart {
        top: 236px;
        left: 139px;
        width: 110px !important;
        margin-left: -55px;
    }
}
.imgItem:hover .addcart {
    display: block !important;
}





.imgListBox .imgItemN a.addcart {
    width: 180px;
    height: 40px;
    background: #FFF1E4;
    border-radius: 24px;
    border: 1px solid #FFA16F;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #DF520B;
    line-height: 42px;

}

.imgListBox .imgItem .has_cart{
    background: #B4B4B4 !important;
    color: #FFFFFF !important;
    border: 1px solid #979797 !important;
}

.imgListBox .imgItem .addcart:hover  {
    color: #FFFFFF;
    border: 0px;
    background: linear-gradient(137deg, #FD962D 0%, #FF6B23 100%);
}