/* jdf-1.0.0/ ui-base.css Date:2019-05-27 16:06:41 */
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
ol,ul{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
.fl{float:left}.fr{float:right}
body {
    font: 12px/150% tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #666;
    background: #e3e4e557;
}
a {
    color: #666;
    text-decoration: none;
}
button {
    cursor: pointer;
    border: 0;
    outline: 0;
}
button, html input[type=button], input[type=submit] {
    -webkit-apperance: button;
    cursor: pointer;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    padding: 1px 6px;
}
input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
    align-items: flex-start;
    text-align: center;
    cursor: default;
    color: buttontext;
    background-color: buttonface;
    box-sizing: border-box;
    padding: 2px 6px 3px;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    border-image: initial;
}
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em;
    font: 400 13.3333px Arial;
}
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}
button {
    -webkit-appearance: button;
}
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    font-size: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}



/*头部*/
#shortcut-2014 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #e3e4e5;
    border-bottom: solid 1px #ddd;
}
.w {
    width: 1200px;
    margin: 0 auto;
}


.root61 .w, .w1210 .w {
    width: 1200px;
}
#shortcut-2014 .w {
    background: #e3e4e5;
    color: #999;
}
#shortcut-2014 li {
    float: left;
    height: 30px;
    padding: 0 2px;
}
#shortcut-2014 a {
    color: #999;
}
#shortcut-2014 #ttbar-login {
    margin-right: 10px;
}
#shortcut-2014 #ttbar-login .link-login {
    font-family: "verdana,simsun";
}
#shortcut-2014 .style-red {
    color: #f30213;
}
#shortcut-2014 a:hover {
    color: #f30213;
}


.cms_header {
    background: #fff;
    height: 95px;
}
#logo-2014 {
    position: relative;
    z-index: 12;
    float: left;
    width: 276px;
    height: 50px;
    margin: 15px 0 22px;
}
#logo-2014 {
    width: 350px;
}
#search-2014 {
    position: relative;
    z-index: 11;
    float: left;
    width: 384px;
    margin: 27px 30px 0 95px;
}
#search-2014, #settleup-2014 {
    margin-top: 27px;
}
#search-2014 {
    width: 610px;
    margin: 27px 45px 0;
}
#search-2014 .form {
    width: 384px;
    height: 36px;
}
#search-2014 .form {
    width: 584px;
}
#search-2014 .text {
    float: left;
    width: 294px;
    height: 24px;
    line-height: 24px;
    color: #999;
    padding: 4px;
    margin-bottom: 4px;
    border-width: 2px 0 2px 2px;
    border-color: #f30213;
    border-style: solid;
    outline: 0;
    font-size: 12px;
}
#search-2014 .text {
    width: 450px;
}

#search-2014 .button {
    float: left;
    width: 80px;
    height: 36px;
    font-family: tahoma,arial,Microsoft YaHei,Hiragino Sans GB,"\u5b8b\u4f53",sans-serif;
    background: #f30213;
    border: none;
    border-radius: 0;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
}

#settleup-2014 {
    float: left;
    z-index: 11;
    height: 36px;
    margin-top: 27px;
}
#settleup-2014 {
    margin-right: 0;
}
.dorpdown {
    position: relative;
}
#settleup-2014 .cw-icon {
    width: 91px;
    height: 34px;
    border: 1px solid #DFDFDF;
    padding: 0 28px 0 19px;
    background: #F9F9F9;
    line-height: 34px;
}
.cw-icon {
    position: relative;
    cursor: default;
    zoom: 1;
}
.cw-icon .i, .cw-icon i {
    display: block;
    position: absolute;
    overflow: hidden;
}
#settleup-2014 .ci-left {
    top: 9px;
    left: 90px;
    width: 16px;
    height: 16px;
    background: url(../images/settleup-@1x.png) no-repeat;
    background-size: 16px 16px;
    overflow: hidden;
}
#settleup-2014 .cw-icon a {
    color: #f30213;
}





.mod_container {
    overflow: hidden;
}
.mod_container, body {
    min-width: 1200px;
}
.chaoshi_fs {
    position: relative;
    min-height: 485px;
    margin-bottom: 15px;
}
.chaoshi_menu {
    background: #fff!important;
    height: 33px;
    font-size: 0;
    overflow: hidden;
}
.grid_c1 {
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
}
.chaoshi_menu_list {
    padding-left: 190px;
}
.chaoshi_menu_list_item {
    position: relative;
    margin-left: 100px;
    font-size: 0;
}

.chaoshi_menu_list_link {
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 33px;
    padding: 0 13px;
    font-size: 14px;
    text-align: center;
    color: #333;
	width:100px;
}
.chaoshi_menu_list_link_on {
    color: black;
}
.o2_wide .chaoshi_menu_list_link {
    padding: 0 24px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.grid_c1 {
    width: 1190px;
    margin-left: auto;
    margin-right: auto;
}
.chaoshi_banner_wrapper {
    position: absolute;
    height: 455px;
    left: 50%;
    margin-left: -586px;
}
.chaoshi_nav {
    width: 270px;
    position: absolute;
    top: -33px;
    left: -130px;
    height: 485px;
    z-index: 6;
}
.chaoshi_nav_header {
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    background-color: #fc5464;
    text-align: center;
}
.chaoshi_nav_body {
    width: 100%;
    height: 452px;
    position: relative;
    *zoom: 1;
}
.chaoshi_nav_body .item {
	height: 62.5px;
    padding: 0 15px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background-color: rgb(245 245 246 / 56%);
    _overflow: hidden;
    border-bottom: 1px dashed #d8d8d8;
}

.chaoshi_nav_body .item_header {
    border-bottom: 1px solid transparent;
    width: 240px;
    height: 45px;
    text-align: center;
    line-height: 61px;
}
.chaoshi_nav_body .item_header_title {
    color: #333;
    margin-bottom: 2px;
    position: relative;
    height: 40px;
    font-weight: 400;
    line-height: 40px;
}
.chaoshi_banner_mid {
    margin-left: 200px;
    width: 1000px;
    height: 100%;
}
.chaoshi_carousel {
    width: 1000px;
    height:543px;
    overflow: hidden;
    font-size: 0;
    position: relative;
    padding-bottom: 5px;
}



/*底部*/
.service-container, .slogan-container {
    background: #f9f9f9;
    width: 100%;
    min-width: 1200px;
}
.slogan {
    padding: 22px 0 20px;
    width: 1200px;
    margin: 0 auto;
}
.slogan li {
    display: table-cell;
    font-size: 17px;
    color: #333;
    height: 40px;
    text-align: center;
    vertical-align: middle;
}
.slogan li:first-child {
    padding-right: 230px;
}
.slogan li i {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    background: url(../images/icon01.svg) no-repeat;
}
.slogan .s1 i {
    background-position: -74px 0;
}
.slogan .s2 i {
    background-position: -154px 0;
}
.slogan .s3 i {
    background-position: -194px 0;
}
.slogan .s4 i {
    background-position: -114px 0;
}
.slogan li:first-child+li {
    padding-right: 230px;
}
.slogan li:first-child+li+li {
    padding-right: 230px;
}
.footer-container {
    background: #444040;;
    width: 100%;
    min-width: 1200px;
}
.footer {
    padding: 25px 0 28px;
    width: 1200px;
    margin: 0 auto;
    color: #666;
    line-height: 1.5;
}
.footer-warrant-area {
    text-align: left;
    color: #a4a4a4;
    line-height: 20px;
}
.fl p {
    line-height: 35px;
}
.footer-warrant-area a {
    color: #a4a4a4;
    padding: 0 15px;
}
.service-container, .slogan-container {
    background: #f9f9f9;
    width: 100%;
    min-width: 1200px;
}
.service {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 23px 0 24px;
    width: 1200px;
    margin: 0 auto;
    height: 158px;
    zoom: 1;
}
.service .service-l {
    width: 920px;
    height: 155px;
    padding-top: 5px;
    border-right: 1px solid #e5e5e5;
    float: left;
}
.service .service-l dl {
    width: 12.5%;
}
.service dl {
    float: left;
}
.service dt {
    font-size: 14px;
    color: #3a3a3a;
}
.service dt .title {
    font-size: 14px!important;
    padding-bottom: 7px;
    color: #676767;
    display: block;
    font-weight: bold;
    border-left: none;
    padding-left: 0;
    line-height: 1.5!important;
    margin-bottom: 0!important;
}
.service dd li {
    line-height: 32px;
    color: #777;
}
.service dd a {
    color: #777;
}
.service .service-r {
    width: 278px;
    min-height: 160px;
    margin-top: 2px;
    text-align: center;
    float: left;
}
.service .service-r .s7 {
    width: 279px;
}
.service dl {
    float: left;
}

.service dt {
    font-size: 14px;
    color: #3a3a3a;
}

.service dt .title {
    font-size: 14px!important;
    padding-bottom: 7px;
    color: #676767;
    display: block;
    font-weight: bold;
    border-left: none;
    padding-left: 0;
    line-height: 1.5!important;
    margin-bottom: 0!important;
}
.service .service-r .title {
    font-size: 24px;
    color: #575757;
    font-weight: bold;
}
.service dl.s7 .title {
    font-size: 24px!important;
    padding: 0;
    line-height: 24px;
}
.service .service-r .s7 dd {
    font-size: 14px;
    color: #333;
}
.service .service-r .s7 li {
    line-height: 22px;
}
.service dd a {
    color: #777;
}
.service .s7 dd li a {
    color: #575757;
}
.service dd a.service-btn {
    color: #fff;
}
.service-btn {
    display: block;
    width: 170px;
    height: 34px;
    padding: 0;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 14px;
    line-height: 34px;
    background: #333;
    cursor: pointer;
    border-radius: 17px;
}
.service-btn i {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-right: 6px;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
.service-btn i:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/icon03.svg) no-repeat;
    background-position: -106px 0;
    position: relative;
    top: -2px;
}
.fl p {
    line-height: 35px;
}
.mod_copyright_auth {
    margin: 25px 0;
}


.mod_copyright_auth_ico_3, .mod_copyright_auth_ico_4 {
    background-repeat: no-repeat;
    background-image: url(../images/23f3.png);
}
.mod_copyright_auth_ico_3 {
    background-position: -205px -74px;
}
.mod_copyright_auth_ico {
    overflow: hidden;
    display: inline-block;
    margin: 0 10px;
    width: 103px;
    padding: 0 !important;
    height: 32px;
    line-height: 1000px;
}
.footer-warrant-area a {
    color: #a4a4a4;
    padding: 0 15px;
}
.mod_copyright_auth_ico_5 {
    background-position: 0 -66px;
    background-repeat: no-repeat;
    background-image: url(../images/1.png);
}
.footer-warrant-area a {
    color: #a4a4a4;
    padding: 0 15px;
}
.mod_copyright_auth_ico_6 {
    background-position: 0 -155px;
    background-repeat: no-repeat;
    background-image: url(../images/23f3.png);
}
.mod_copyright_auth_ico_7 {
    background-position: 0 -99px;
    background-repeat: no-repeat;
    background-image: url(../images/1.png);
}













/*banner*/
.firstScreenV8 {
    position: absolute;
    width: 100%;
    height: 460px;
    overflow: hidden;
    top: 160px;
}
.firstScreenV8 .banner-wrapper{position:relative;width:100%;height:476px;overflow:hidden}.firstScreenV8 .banner-wrapper .banner{position:absolute;width:100%;height:476px;top:0;left:0;overflow:hidden}.firstScreenV8 .banner-wrapper .banner ul{position:absolute;width:100%;height:476px;top:0;left:0;overflow:hidden}.firstScreenV8 .banner-wrapper .banner li a{position:absolute;display:block}

.firstScreenV8 .banner-wrapper .banner li img {
    display: block;
    width: 100%;
    height: 451px;
}

.firstScreenV8 .banner-wrapper .banner li a.big{top:0;left:50%;margin-left:-295px;width:794px;height:476px}.firstScreenV8 .banner-wrapper .banner li a.big img{width:794px;height:476px}.root1200 .firstScreenV8 .banner-wrapper .banner li a.big{top:0;left:50%;margin-left:-397px;width:794px;height:476px}.root1200 .firstScreenV8 .banner-wrapper .banner li a.big img{width:794px;height:476px}.firstScreenV8 .banner-wrapper .banner li.current{display:block}.firstScreenV8 .banner-wrapper a.btn{position:absolute;display:none;width:28px;height:72px;top:180px;background:url("../images/index.png")}.firstScreenV8 .banner-wrapper a.btn-left{left:50%;margin-left:-295px;background-position:-1152px 0}.firstScreenV8 .banner-wrapper a.btn-right{right:50%;margin-right:-499px;background-position:-1152px -72px}.root1200 .firstScreenV8 .banner-wrapper a.btn-left{margin-left:-305px}.root1200 .firstScreenV8 .banner-wrapper a.btn-right{margin-right:-325px}.firstScreenV8 .banner-wrapper .banner-nav-wrapper{position:absolute;top:345px;width:100%;height:6px;text-align:center;font-size:0}.firstScreenV8 .banner-wrapper .banner-nav-wrapper .banner-nav{position:relative;display:inline-block;opacity:.8;padding:0 8px 0 0;height:6px;margin-left:100px}.firstScreenV8 .banner-wrapper .banner-nav-wrapper .banner-nav a{position:relative;display:inline-block;margin-left:8px;width:20px;height:4px;background:rgba(255,255,255,.5)}.firstScreenV8 .banner-wrapper .banner-nav-wrapper .banner-nav a.current{background:#ff8000}.root1200 .firstScreenV8 .banner-wrapper .banner li a.big{margin-left:-396px}.root1200 .firstScreenV8 .banner-wrapper a.btn-left{margin-left:-395px;border-radius:0 6px 6px 0}.root1200 .firstScreenV8 .banner-wrapper a.btn-right{margin-right:-399px;border-radius:6px 0 0 6px}.root1200 .firstScreenV8 .banner-wrapper .banner-nav-wrapper .banner-nav{margin-left:0}

.firstScreenV8 .first-right{position:absolute;top:0;left:50%;margin-left:500px;width:270px;height:450px;background-color: rgb(245 245 246 / 56%);border-radius:0 0 4px 4px;overflow:hidden}

.root1200 .firstScreenV8 .first-right{display:block;margin-left:398px}

.firstScreenV8 .first-right .top-box{overflow:hidden;position:relative;width:270px;height:160px}

.firstScreenV8 .first-right .top-box .not-login,.firstScreenV8 .first-right .top-box .has-login{position:absolute;left:0;top:0;width:100%;height:100%}.firstScreenV8 .first-right .user-img{position:absolute;width:48px;height:48px;left:10px;top:10px;background:url("../images/tool-logo.png");z-index:1;border:1px solid #f7f7f7;border-radius:50%;background-size:100% 100%;background:none\9;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/tool-logo.png',sizingMethod='scale')}.firstScreenV8 .first-right .user-img a{display:block}.firstScreenV8 .first-right .user-img .crown{display:block;position:absolute;width:18px;height:18px;right:-5px;top:-3px;background:url(../images/index.png) -928px -52px}.firstScreenV8 .first-right .user-img img{display:none;width:48px;height:48px;border-radius:50%;background:0}.firstScreenV8 .first-right .btn-group{float:left;margin-top:15px;margin-left:66px;width:125px;height:38px;font-size:12px;color:#333}


.firstScreenV8 .first-right .btn-group .hi {
    width: 122px;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 12px;
}

.firstScreenV8 .first-right .btn-group p{margin-bottom:5px}.firstScreenV8 .first-right .btn-group .log,.firstScreenV8 .first-right .btn-group .reg{cursor:pointer}.firstScreenV8 .first-right .user-info span{display:inline-block;height:18px;line-height:18px;color:#fff;font-size:12px;background:#363636;margin-right:2px;border-radius:3px;padding:0 5px}.firstScreenV8 .first-right .user-info .tips{display:block;color:#ff8000;font-size:12px;line-height:17px;height:17px;text-align:left;margin-top:8px}.firstScreenV8 .first-right .order-info{overflow:hidden;margin-top:93px;margin-left:10px;text-align:center}.firstScreenV8 .first-right .order-info div{float:left;margin-right:10px}
.firstScreenV8 .first-right .order-info .num{height:20px;line-height:20px;font-size:14px;color:#ff7800}.firstScreenV8 .first-right .order-info .words{font-size:12px;color:#333;height:17px;line-height:17px}.firstScreenV8 .first-right .order-info .split-line{width:1px;height:14px;background:#ccc;margin-top:10px}.firstScreenV8 .first-right .order-info .all{width:25px;height:34px}.firstScreenV8 .first-right .order-info .all a{display:block;width:100%;height:100%;font-size:12px;color:#ff7800}.firstScreenV8 .first-right .new,.firstScreenV8 .first-right .super{display:block;width:156px;height:24px;border-radius:3px;text-align:center;line-height:24px;margin-left:20px}.firstScreenV8 .first-right .new{color:#fff;margin-top:70px;background:#ff8000}.firstScreenV8 .first-right .super{color:#fada99;margin-top:10px;background-image:linear-gradient(-90deg,#373a77 3%,#17125b 100%);background-image:none\9;background:#17125b \9}.firstScreenV8 .first-right .three-entry{position:absolute;width:270px;height:62px;left:0;bottom:23px;}.firstScreenV8 .first-right .three-entry a{float:left;width:90px;height:62px}.firstScreenV8 .first-right .three-entry a img{display:block;width:36px;height:36px;margin:6px auto}.firstScreenV8 .first-right .three-entry a p{height:20px;max-width:90px;line-height:20px;font-size:12px;color:#333;text-align:center}.firstScreenV8 .first-right .bot-box{position:relative;height:250px;width:270px;border-top:1px solid #f2f2f2}.firstScreenV8 .first-right .bot-box ul{margin-right:-2px}

.firstScreenV8 .first-right .bot-box li {
    float: left;
    width: 65px;
    height: 85.3px;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #f2f2f2;
    padding-top: 10px;
}

.firstScreenV8 .first-right .bot-box li img{display:block;width:26px;height:26px;margin:12px 20px}.firstScreenV8 .first-right .bot-box li p{text-align:center;color:#333;font-size:14px;height:20px;line-height:20px;max-width:66px;overflow:hidden}.floor{width:1200px;margin:20px auto 0}.root1200 .floor{width:1190px}

.four-wrap{position:absolute;bottom:10px;left:50%;margin-left:-390px;width:786px;height:112px;overflow:hidden}

.root1200 .four-wrap{position:absolute;bottom:6px;left:50%;margin-left:-391px;width:786px;height:112px;overflow:hidden}.four-sm-banner{position:absolute;top:0;left:0;width:786px;height:112px}


.four-sm-banner li {
    float: left;
    position: relative;
    width: 190px;
    height: 102px;
    background: #FFF;
    margin: 0 3px;
    cursor: default;
    border-radius: 6px;
    overflow: hidden;
}
.four-sm-banner li img.pro {
    display: block;
    width: 100%;
    height: 100%;
}



/*推荐榜单*/
.new-twoFloor {
    width: 1200px;
    margin: 10px auto 0!important;
}
.new-twoFloor .little-area {
    float: left;
    width: 596px;
    height: 590px;
    background: #f20;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.new-twoFloor .little-area2 {
    margin-left: 6px;
}
.new-twoFloor .little-area .title {
    width: 100%;
    height: 60px;
    background: #fff;
    text-align: center;
    font-size: 24px;
}
.new-twoFloor .little-area .title .text {
    float: left;
    height: 37px;
    margin: 10px 0 0 16px;
    overflow: hidden;
    font-weight: bold;
    padding-top: 5px;
}
.new-two-phb .content-box {
    padding-left: 20px;
    overflow: hidden;
}
.new-twoFloor .little-area .content-box {
    width: 100%;
    height: 590px;
    overflow: hidden;
}
.new-twoFloor .little-area3 .content-box {
    height: 205px;
}
.new-twoFloor .little-area ul {
    width: 595px;
}
.new-two-phb .content-box ul {
    overflow: hidden;
}
.new-two-phb .content-box li {
    position: relative;
    float: left;
    width: 170px;
    height: 195px;
    background: #fff;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 45px;
}
.new-two-phb .content-box .label {
    position: absolute;
    left: 0;
    top: 0;
    width: 46px;
    height: 46px;
}
.new-two-phb .content-box .label img {
    display: block;
    width: 46px;
    height: 46px;
    margin: 0;
}
.new-two-phb .content-box .label p {
    position: absolute;
    top: 16px;
    left: 0;
    color: #fff;
    width: 46px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
.new-two-phb .content-box li a .main-pic {
    border-radius: 6px;
}
.new-two-phb .content-box li img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 10px;
}

.new-two-phb .content-box li .name {
    color: #333;
    height: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    width: 170px;
    margin: 10px 0 2px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*商品*/
.floor {
    width: 1200px;
    margin: 20px auto 0;
}
.lazy-fn-wrap .floor {
    position: relative;
}
.floor .mt {
    height: 38px;
}
.floor .mtTop {
    width: 100%;
    height: 38px;
    overflow: hidden;
    float: left;
    line-height: 38px;
    font-size: 20px;
}
.floor .mtTop h2 {
    font-weight: 500;
}
.floor .mc {
    height: 470px;
}
.floor .main_warp {
    width: 1200px;
    height: 470px;
    float: left;
    position: relative;
    overflow: hidden;
}
.floor .main {
    width: 1200px;
    height: 470px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    display: none;
}
.floor .mc_c {
    height: 470px;
    width: 389px;
    float: left;
    overflow: hidden;
}
.floor .mc_c, .floor .mc_c .slider {
    position: relative;
}
.floor .mc_c .slider li {
    position: absolute;
    left: 0;
    top: 0;
    height: 470px;
    width: 389px;
    background: #fff;
    display: none;
}
.floor .mc_r {
    width: 810px;
    height: 470px;
    float: left;
    overflow: hidden;
}
.floor .main_inner li {
    width: 198px;
    height: 235px;
    float: left;
    overflow: hidden;
}
.floor .mc_r ul li {
    width: 200px;
    height: 235px;
    float: left;
}
.floor .main_inner li a {
    width: 197px;
    height: 234px;
    display: block;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}
.floor .mc_r ul li a {
    display: block;
    width: 199px;
    height: 234px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.floor .main_inner li img {
    display: block;
    width: 130px;
    height: 120px;
    margin: 20px 0 15px 34px;
    *margin-bottom: 9px;
}
.floor .main_inner li .p_name, .floor .main_inner li .p_price {
    width: 157px;
    height: 20px;
    margin-left: 20px;
    overflow: hidden;
    line-height: 18px;
    font-size: 12px;
    color: #5e5e5e;
}
.floor .main_inner li .p_price {
    height: 20px;
    line-height: 26px;
    color: #c5001e;
    font-weight: bold;
    font-size: 14px;
    font-family: "Arial "\9;
    font-family: Arial,"Microsoft Yahei";
}

.new-twoFloor .little-area {
    float: left;
    width: 596px;
    height: 520px;
    background: #f20;
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}
.new-two-dj {
    position: relative;
    float: left;
    width: 590px;
    margin: 0;
    overflow: hidden;
}
.new-two-dj .content-wrapper {
    position: relative;
    height: 590px;
}
.new-two-dj .content {
    position: relative;
    width: 590px;
    min-width: 520px;
    height: 520px;
    background: #FFF;
    border-radius: 4px;
}
.new-two-dj .ms-title {
    position: relative;
    width: 100%;
    height: 60px;
}
.new-twoFloor .little-area .title {
    width: 100%;
    height: 60px;
    background: #fff;
    text-align: center;
    font-size: 24px;
}
.new-twoFloor .little-area .title .title-pic {
    float: left;
    height: 30px;
    width: 150px;
    margin: 15px 0 0 16px;
    overflow: hidden;
}
.new-twoFloor .little-area .title .title-pic img {
    display: block;
    width: 106px;
    height: 30px;
}

.new-two-dj .tab-content {
    float: left;
    width: 590px;
    height: 470px;
    overflow: hidden;
}
.new-two-dj .tab-content .con-list {
    display: none;
    float: left;
    position: relative;
    width: 590px;
    height: 470px;
    overflow: hidden;
}
.new-two-dj .tab-content .con-list-cur {
    display: block;
}
.new-two-dj .tab-content .con-list ul {
    position: absolute;
    left: 0;
    top: 0;
    height: 470px;
}
.new-twoFloor .little-area ul {
    width: 595px;
}
.new-two-dj .tab-content .con-list ul li {
    float: left;
    width: 170px;
    padding: 10px 0;
    height: 210px;
    margin-left: 25px;
}
.new-two-dj .tab-content .con-list ul li img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 10px;
    border-radius: 42px;
}
.new-twoFloor .little-area .title {
    width: 100%;
    height: 60px;
    background: #fff;
    text-align: center;
    font-size: 21px;
}
.new-two-dj .tab-content .con-list ul li p.title {
    width: 170px;
    height: 20px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    word-break: break-all;
    font-weight: normal;
}
.new-two-dj .tab-content .con-list ul .price-box {
    height: 21px;
    margin: 4px 4px 4px 0;
    overflow: hidden;
}
.new-two-dj .tab-content .con-list ul .price-box .price {
    float: left;
    line-height: 21px;
    color: #F30;
    font-size: 18px;
    font-weight: bold;
}
.new-twoFloor .little-area2 {
    margin-left: 6px;
}
.new-two-ms .content-box ul li {
    float: left;
    width: 170px;
    padding: 10px 0;
    height: 210px;
    margin-left: 25px;
}
.new-two-ms .content-box ul li img {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 10px 10px 10px;
    border-radius: 42px;
}
.new-two-ms .content-box ul li .name {
    width: 170px;
    height: 20px;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;
}
.new-two-ms .content-box ul .price-box {
    height: 21px;
    margin: 4px 4px 4px 0;
    overflow: hidden;
}
.new-two-ms .content-box ul .icon {
    float: left;
    width: 54px;
    height: 18px;
    margin: 2px 5px 0 0;
    border-radius: 0;
}
.new-two-ms .content-box ul .price-box .price {
    float: left;
    line-height: 21px;
    color: #F30;
    font-size: 18px;
    font-weight: bold;
}



.title-pic {
    display: block;
    height: 75px;
    width: 100%;
}
.new-rec-tab .tab-content ul {
    overflow: hidden;
    margin-right: -12px;
}
.new-rec-tab .tab-content li {
    position: relative;
    float: left;
    width: 230px;
    height: 310px;
    background: #fff;
    margin: 0 12px 12px 0;
    border-radius: 6px;
}
.new-rec-tab .tab-content li img {
    display: block;
    width: 145px;
    height: 145px;
    padding: 25px 50px;
}
.new-rec-tab .tab-content li .title {
    width: 202px;
    height: 40px;
    margin: 0 0 8px 14px;
    overflow: hidden;
    color: #333;
    font: 14px/20px "Microsoft Yahei",tahoma,arial,"Hiragino Sans GB";
    word-break: break-all;
}
.new-rec-tab .tab-content li .price-box {
    height: 28px;
    padding: 5px 10px;
}
.new-rec-tab .tab-content li .price-box .price {
    line-height: 28px;
    color: #F30;
    font-size: 14px;
    font-weight: bold;
}
.new-rec-tab .tab-content li p.cxIcon {
    width: 190px;
    height: 18px;
    margin-left: 14px;
    overflow: hidden;
}


.sub-station-banner .hda.sub-station-dot {
    bottom: 40px;
    width: 1180px;
    left: 370px;
    position: absolute;
    z-index: 1;
    text-align: center;
    cursor: pointer;
}
.sub-station-banner .hda.sub-station-dot>ul {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 15px;
    border-radius: 10px;
    font-size: 0;
    text-align: center;
}
.sub-station-banner .hda.sub-station-dot li {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 7px;
    font-size: 0;
    color: #999;
    margin: 0 5px;
    background: #00000057;
}
.sub-station-banner .hda.sub-station-dot li.on {
    background: #cb242b;
}











.new-floor-con .floor-line-con {
    margin-top: 20px;
    width: 100%;
    height: 665px;
    position: relative;
}
.new-floor-con .floor-line-con .color-mark {
    display: inline-block;
    background-color: #333;
    width: 5px;
    height: 18px;
    vertical-align: middle;
}
.new-floor-con .floor-line-con .floor-name {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    color: #000;
    height: 28px;
}
.new-floor-con .floor-line-con .floor-name .floor-title {
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}
.new-floor-con .floor-line-con .floor-sub-name {
     display: inline-block;
     font-size: 14px;
     color: #000;
     margin-left: 10px;
     line-height: 24px;
     height: 18px;
 }
.new-floor-con .floor-line-con .line-body {
    width: 100%;
    height: 618px;
    margin-top: 10px;
    overflow: hidden;
}
.new-floor-con .floor-line-con .line-body .big-banner-con-2 {
    float: left;
    position: relative;
    width: 235px;
    height: 618px;
}
.activity-area .page-list .page-item, a, a:hover {
    text-decoration: none;
}
.new-floor-con .floor-line-con .line-body .banner-detail .left-title-wrap .left-title {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
    font-size: 18px;
    width: 36px;
    overflow: hidden;
}
.new-floor-con .floor-line-con .line-body .banner-detail .right-title-wrap {
    left: 70px;
    top: 0;
    position: absolute;
    background: rgba(0,0,0,.6);
    overflow: hidden;
    width: 128px;
    height: 64px;
    color: #FFF;
    vertical-align: middle;
}
.new-floor-con .floor-line-con .line-body .banner-detail .right-title-wrap .right-title-absolute {
    margin-top: 8px;
    margin-left: 14px;
}
.new-floor-con .floor-line-con .line-body .banner-detail .right-title-wrap .right-title-absolute .right-title {
    display: block;
    line-height: 24px;
    font-size: 18px;
}
.new-floor-con .floor-line-con .line-body .detail-wrap {
    background-image: linear-gradient(
            -180deg
            ,rgba(0,0,0,0) 4%,rgba(0,0,0,.36) 100%);
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.new-floor-con .floor-line-con .line-body .middle-column-con {
    width: 995px;
    height: 618px;
    float: left;
    overflow: hidden;
}
.new-floor-con .floor-line-con .line-body .grid.one-grid-price {
    width: 235px;
    height: 301px;
    margin-left: 13px;
    text-align: center;
}
.new-floor-con .floor-line-con .line-body .grid {
    float: left;
    display: block;
    border-bottom: 15px solid #f5f5f5;
    position: relative;
    background-color: #fff;
}