.good_1_3 { overflow: hidden; width: 1200px; margin: 0 auto; } .good_1_3 .goodli { width: 393px; height: 355px; float: left; background: #eee; overflow: hidden; position: relative; margin-right: 10px; } .good_1_3 .goodli a { display: inline-block; width: 100%; height: 100%; } .good_1_3 .goodli .goodimg { margin-left: -32%; margin-top: 70px; transition: .2s all; width: 230px; height: 230px; } .good_1_3 .goodli:hover .goodimg { transition: .5s all; transform: translateX(20%); -ms-transform: translateX(20%); -webkit-transform: translateX(20%); } .good_1_3 .goodli:hover .content { transition: .5s all; transform: scale(1.05); } .good_1_3 .goodli .content { transition: .5s all; position: absolute; left: 42%; top: 35%; width: 190px; } .good_1_3 .goodli .content .name { font-size: 16px; color: #3b3e40; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .good_1_3 .goodli .content .berif { color: #798187; font-size: 14px; padding-right: 10px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; height: 38px; overflow: hidden; } .good_1_3 .goodli .content .prie { color: #232323; font-size: 22px; line-height: 60px; font-weight: 600 }
.gg_banner { width: 1200px; height: 521px; margin: 0 auto; } .gg_banner a{ display: inline-block; } .gg_banner .gg_left { float: left; } .gg_banner .gg_right { float: right; } .gg_banner .gg_right .item { margin-top: 10px; } .gg_banner img { transition: all .2s; } .gg_banner img:hover { -ms-transform: scale(1.01); -moz-transform: scale(1.01); -webkit-transform: scale(1.01); transform: scale(1.01); transition: all .2s; -moz-box-shadow: 0 5px 10px silver; -webkit-box-shadow: 0 5px 10px silver; box-shadow: 0 5px 10px silver; filter: progid: DXImageTransform.Microsoft.Shadow(color='#c0c0c0', Direction=125, Strength=9); } .gg_banner .gg_left img{ width: 595px; height: 520px; } .gg_banner .gg_right img{ width: 595px; height: 255px; }
.tab_navTop .ulTop {
    border: 1px solid #d7dde3;
    overflow: hidden;
    background: #eee;
}

.tab_navTop .ulTop .tab_item {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 50px;
    box-sizing: border-box;
    background: #eeeeee;
    height: 63px;
    border-right: 1px solid #d7dde3;
    font-size: 14px;
    color: #1b1811;
    font-weight: 600;
    cursor: pointer;
    position: relative;

}
.tab_navTop .ulTop .tab_item:hover p{
    border-bottom: 5px solid #b1b9c2;
    color: #395782;
}
.tab_navTop .activty p{
    border-bottom: 5px solid #b1b9c2;
}



.tab_content {
    width: 1200px;
    height: 1024px;
    margin: 0 auto;
    display: none;
}

.content_tab .tab_item {
    float: left;
    width: 25%;
    height: 140px;
    text-align: center;
    background: #f9f9f9;
}
.content_tab .tab_item>p{
    margin-top: 12px;
    color: #666;
}
.content_tab ul {
    background: #f9f9f9;
}

.content_tab .tab_item img {
    width: 40px;
    height: 40px;
    margin-top: 35px;
}
.content_tab .tab_item p{
    margin-top: 5px;
    color: #616161;
}
.content_tab .tab_item .img2 {
    display: none;

}

.content_tab .tab_item:hover .img2 {
    display: inline;
}

.content_tab .tab_item:hover .img1 {
    display: none;
}

.content_tab .tab_item:hover p {
    color: rgb(57, 87, 130)
}

.content_tab .activty {
    color: rgb(57, 87, 130)
}

.content_tab .activty .img2 {
    display: inline;
}

.content_tab .activty .img1 {
    display: none;
}

.content_chren {
    display: none;
}
.show_href{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}
.ulTop .activty:hover .show_href{
    display: block;
}
.tab_navTop .ulTop {
    border: 1px solid #d7dde3;
    overflow: hidden;
    border-right: none;
}

.tab_navTop .ulTop .tab_item {
    float: left;
    width: 25%;
    text-align: center;
    line-height: 63px;
    box-sizing: border-box;
    background: #eeeeee;
    height: 63px;
    border-right: 1px solid #d7dde3;
    font-size: 14px;
    color: #1b1811;
    font-weight: 600;
    cursor: pointer;
    position: relative;

}




.tab_content {
    width: 1200px;
    height: 1024px;
    margin: 0 auto;
    display: none;
}

.content_tab .tab_item {
    float: left;
    width: 25%;
    height: 140px;
    text-align: center;
    background: #f9f9f9;
}

.content_tab ul {
    background: #f9f9f9;
}

/* .content_tab .tab_item img {
    width: 56px;
    height: 56px;
    margin-top: 35px;
} */

.content_tab .tab_item .img2 {
    display: none;

}

.content_tab .tab_item:hover .img2 {
    display: inline;
}

.content_tab .tab_item:hover .img1 {
    display: none;
}

.content_tab .tab_item:hover p {
    color: rgb(57, 87, 130)
}

.content_tab .activty p {
    color: rgb(57, 87, 130)
}
.content_tab .activty .img2 {
    display: inline;
}

.content_tab .activty .img1 {
    display: none;
}

.content_chren {
    display: none;
}
.show_href{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.show_href img{
    position: absolute;
    right: 40px;
    top: 22px;
    transition:all .3s;
}
.show_href:hover img{
    transition:all .3s;
    right: 30px;
}
.cms_currency_layout { width: 100%; margin: 0 auto; position: relative; }
.focus-img-div { width: 100%; position: relative; overflow: hidden; z-index: 0; height: 800px; } .fi-slide-div { width: 100%; overflow: hidden; position: relative; } .fi-slide-div .fi-item { width: 100%; overflow: hidden; text-align: center; position: absolute; top: 0; font-size: 250px; z-index: 0; background-color: #fff; } .fi-slide-div .fi-item img { width: 100%; } .fi-arrow-div { position: absolute; width: 100%; z-index: 999; } .fi-arrow-div .left { position: absolute; left: 32px; opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .fi-arrow-div .left:hover { opacity: 1; filter: alpha(opacity=100); } .fi-arrow-div .right { position: absolute; right: 32px; opacity: 1; filter: alpha(opacity=100); cursor: pointer; } .fi-arrow-div .right:hover { opacity: 1; filter: alpha(opacity=100); } .focus-img-div .left { position: absolute; width: 30px; height: 52px; background: url(https://p2.lefile.cn/product/adminweb/2018/11/11/2a7f8349-14f0-42e1-afe8-7ae8afd54e1e.png) no-repeat; display: none } .focus-img-div:hover .left{ display: block; } .focus-img-div .right { position: absolute; width: 30px; height: 52px; background: url(https://p2.lefile.cn/product/adminweb/2018/11/11/cae7b801-0fe6-4691-ba99-239ba9d11576.png) no-repeat; display: none; } .focus-img-div:hover .right{ display: block; } .fi-dot-div { width: 100%; overflow: hidden; text-align: center; position: absolute; bottom: 24px; z-index: 9999; height: 28px; line-height: 28px; font-size: 0; } .fi-dot-div span { display: inline-block; margin: 0 7px; width: 24px; height: 24px; text-align: center; vertical-align: middle; } .fi-dot-div span i { display: inline-block; width: 2px; height: 8px; vertical-align: middle; background: #fff; } .fi-dot-div span.selected i { border-radius: 20px; width: 20px; height: 20px; border: 2px solid #fff; vertical-align: middle; background: transparent; } .video_hold { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .video_banner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.6); -moz-transform: scale(1.6); -webkit-transform: scale(1.6); -o-transform: scale(1.6); } .fi-slide-div a { display: inline-block; height: 100%; width: 100%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } ul, li { list-style: none; } #yd_cjhd { margin: 0 auto; text-align: center; position: relative; padding-top: 50px; box-sizing: border-box; } #yd_cjhd .dzpBg { width: 584px; height: 584px; border-radius: 50%; position: absolute; background-position: center; background-repeat: no-repeat; } #yd_cjhd .dzpBg img { width: 584px; height: 584px; } #yd_cjhd .start { width: 130px; height: 154px; position: absolute; top: 50%; left: 50%; margin-left: -65px; margin-top: -64px; cursor: pointer; } #yd_cjhd .start img { width: 130px; height: 154px; } #yd_cjhd .jggWrap { margin: 0 auto; width: 536px; height: 536px; padding: 29px; box-sizing: border-box; } #yd_cjhd .jggWrap .item { float: left; width: 154px; height: 154px; margin-right: 8px; margin-bottom: 8px; } #yd_cjhd .jggWrap .item.child3, #yd_cjhd .jggWrap .item.child6, #yd_cjhd .jggWrap .item.child9 { margin-right: 0px; } #yd_cjhd .jggWrap .item.child7, #yd_cjhd .jggWrap .item.child8, #yd_cjhd .jggWrap .item.child9 { margin-bottom: 0px; } #yd_cjhd .jggWrap .item.child5 { cursor: pointer; } #yd_cjhd .jggWrap .item .itemWrap { position: relative; width: 154px; height: 154px; background-image: url("https://p2.lefile.cn/product/adminweb/2019/10/16/35c05dff-0cb2-4f78-bd5a-48fc14d2c67a.png"); background-repeat: no-repeat; } #yd_cjhd .jggWrap .item.child5 .itemWrap { background-image: url(); } #yd_cjhd .jggWrap .item .itemWrap .jggItem { position: absolute; top: -4px; left: -4px; width: 162px; height: 162px; } #yd_cjhd .jggWrap .item.cur .jggItem { background-image: url("https://p2.lefile.cn/product/adminweb/2019/10/16/34394162-2289-4a46-af96-eb47c6edcc96.png"); background-repeat: no-repeat; } #yd_cjhd .jggWrap .item .jggItem img { display: block; width: 130px; height: 130px; margin-top: 16px; margin-left: 16px; } #yd_cjhd .jggWrap .item.child5 .jggItem img { display: block; width: 154px; height: 154px; margin-top: 4px; margin-left: 4px; } #result { overflow: hidden; display: none; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 999999; width: 100%; height: 100%; } #result .box1, #result .box2 { display: none; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-size: 100% 100%; z-index: 2; } #result .box1 { width: 510px; height: 480px; margin-left: -255px; margin-top: -140px; } #result .box2 { width: 400px; height: 400px; margin-top: -140px; margin-left: -200px; } #result .resultBtn { position: absolute; right: -40px; top: -40px; width: 40px; height: 40px; background-image: url("https://p4.lefile.cn/product/adminweb/2019/10/16/9fe2d0b8-eddb-43de-956b-0d98655fcc36.png"); background-size: 100% 100%; background-repeat: no-repeat; overflow: hidden; z-index: 4; cursor: pointer; } #result .gxzj { width: 130px; height: 30px; background-image: url("https://p3.lefile.cn/product/adminweb/2019/10/17/dd13e66a-1d58-4d21-a285-513a4bf6bba9.png"); background-size: 100% 100%; background-repeat: no-repeat; margin: 180px auto 0; } #result .giftname { color: #fff; font-size: 18px; line-height: 1.6; padding: 10px 140px; text-align: center; } #result .giftname i { text-align: center; font-style: normal; } #result .toGet { width: 85px; height: 26px; background: #fff; border-radius: 40px; text-align: center; cursor: pointer; font-size: 15px; font-weight: bold; line-height: 26px; color: #0c0c0c; position: absolute; bottom: 160px; left: 30%; } #result .copy_text { display: inline-block; width: 85px; height: 26px; background: #fff; border-radius: 26px; text-align: center; cursor: pointer; font-size: 15px; font-weight: bold; line-height: 26px; color: #0c0c0c; position: absolute; bottom: 160px; right: 30%; text-align: center; } #result .xxcy { color: #fff; font-size: 18px; text-align: center; padding: 190px 140px 0; } .ui-sortable .cms_draggable_href_component { background: rgba(173, 170, 170, .9); border: 2px white dashed; } .cms_draggable_href_component_Body { width: 1px; position: relative; margin: auto; height: 100%; } .cms_draggable_href_component { position: absolute; height: 100px; width: 200px; overflow: hidden; } .cms_draggable_href_component>a { display: block; width: 100%; height: 100%; } .cms_draggable_href_component>a>span { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .cms_draggable_href_component>a>div { font-size: 20px; display: none; text-align: right; padding-right: 10px; color: #000; } .ui-sortable .cms_draggable_href_component>a>span { display: block; background: white; height: 25px; width: 25px; line-height: 26px; text-align: right; font-size: 14px; position: absolute; right: 0px; top: 0px; } .ui-sortable .cms_draggable_href_component>a>div { display: block; position: absolute; top: 26px; } .mask-laye-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .8; z-index: 99; display: none; } .sign-in-box { position: fixed; left: 50%; top: 0; margin-left: -383px; z-index: 100; width: 766px; height: 813px; display: none; } .inner-box { position: relative; } .sign-in-box .off-btn { width: 50px; height: 50px; position: absolute; right: 0; top: 160px; cursor: pointer; } .sign-in-box .form-box { position: absolute; width: 332px; left: 204px; top: 410px; } .sign-in-box .form-box .form-item { width: 332px; height: 50px; margin-bottom: 25px; border: none; height: 50px; position: relative; } .sign-in-box .form-box .form-item-link{ margin-left: 10px; font-size: 12px; opacity: .6; color: #fff; } .sign-in-box .form-box .form-item-link .form-item-link-a{ opacity: .7; text-decoration: none; font-size: 12px; color: #fff; font-weight: 400; } .sign-in-box .form-box .form-item .error { position: absolute; left: 0; padding-left: 20px; font-size: 12px; color: #fff; display: none; } .sign-in-box .form-box .form-item .error .error-img { width: 15px; height: 15px; vertical-align: middle; margin-right: 2px; } .sign-in-box .form-box .form-item .get-code { position: absolute; right: 0; top: 0; display: inline-block; width: 120px; height: 50px; line-height: 50px; font-size: 16px; color: #fe3548; background: #ffe8cd; border-radius: 0 25px 25px 0; text-align: center; } .sign-in-box .form-box .form-item .item-input { font-size: 18px; width: 270px; height: 50px; line-height: 50px; background: #fff; border-radius: 25px; border: none; padding: 0 30px; box-sizing: content-box; } .sign-in-box .form-box .form-item.form-item-btn { background: #ffe869; background-image: linear-gradient(180deg, #ffe869 0%, #ffcb38 100%); border-radius: 25px; font-size: 20px; color: #fd001f; letter-spacing: 1.14px; text-align: center; cursor: pointer; line-height: 50px; font-weight: 600; margin-bottom: 7px !important; } @media screen and (max-width:1760px) { .sign-in-box { position: fixed; left: 50%; top: 0; margin-left: -295px; z-index: 100; width: 590px; height: 625px; display: none; } .sign-in-box .form-box { position: absolute; width: 317px; left: 153px; top: 295px; } .sign-in-box .form-box .form-item .item-input { font-size: 14px; width: 210px; height: 40px; line-height: 40px; background: #fff; border-radius: 20px; border: 0; padding: 0 30px; box-sizing: content-box; } .sign-in-box .form-box .form-item .get-code { position: absolute; right: 0; top: 0; display: inline-block; width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fe3548; background: #ffe8cd; border-radius: 0 25px 25px 0; text-align: center; } .sign-in-box .form-box .form-item { width: 272px; height: 38px; margin-bottom: 25px; position: relative; } .sign-in-box .form-box .form-item.form-item-btn { background: #ffe869; background-image: linear-gradient(180deg, #ffe869 0%, #ffcb38 100%); border-radius: 25px; font-size: 20px; color: #fd001f; letter-spacing: 1.14px; text-align: center; cursor: pointer; line-height: 39px; font-weight: 600; margin-bottom: 7px !important; } .sign-in-box .off-btn { width: 36px; height: 36px; position: absolute; right: 27px; top: 160px; cursor: pointer; } } .shumei_captcha_slide_btn{ background-color: #e1140a !important; } .shumei_catpcha_header_wrapper{ display: none !important; }