@charset "utf-8";

/*
---------------------------------------------------------------
   初始化
---------------------------------------------------------------
*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, table, th, td, form, fieldset, legend, input, textarea, button, select, header, section, aside, footer { margin: 0; padding: 0; }
header, section, aside, footer { display: block; }
body { font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; font-size-webkit-text-size-adjust: none; color: #4d4d4d; background: #fff; }
:focus { outline: 0; }

input,
:focus { appearance: none; -webkit-appearance: none; -moz-appeareance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); }

input { font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; }

img { border: 0; vertical-align: middle; max-width: 100%; }

a { color: #4d4d4d; text-decoration: none; }

ul,
ol { list-style-type: none; }

em,
i,
address { font-style: normal; }

table { border-collapse: collapse; }

#bg_black { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.6; filter: alpha(opacity=60); background: #000; z-index: 1001; }

html { font-size: 125%; }

@media screen and (min-width:490px) and (max-width:640px) {
    html { font-size: 110%; }
}

@media screen and (min-width:420px) and (max-width:490px) {
    html { font-size: 95%; }
}

@media screen and (min-width:375px) and (max-width:420px) {
    html { font-size: 85%; }
}

@media screen and (max-width:375px) {
    html { font-size: 80%; }
}

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

.clear { *height: 1%; *clear: both; }


/*
---------------------------------------------------------------
 header
---------------------------------------------------------------
index-header
*/

.op_container { padding-bottom: 50px; max-width: 640px; min-width: 320px; margin: 0 auto; position: relative; }

.op_header { position: relative; z-index: 1001; height: 40px; background: #fff; }

.op_header .logo { height: 40px; display: block; float: left; width: 20%; min-width: 100px; background: url(../images/logo.png) no-repeat; background-position: left center; background-size: 100%; }

.op_header_search { margin: 4px 0 0 1rem; position: relative; float: left; width: 54%; height: 32px; background: #ebebeb url(../images/op_header_search.png) no-repeat 11px center; border-radius: 100px; }

.op_header_search input[type="text"] { text-indent: 33px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: none; }

.op_header_search .clea { margin-top: -9.5px; position: absolute; top: 50%; right: 10px; display: none; width: 19px; height: 19px; background: #ebebeb url(../images/op_header_search_clea.png) no-repeat center center/100% 100%; border: none; cursor: pointer; }

.op_header_more { float: right; width: 8%; height: 32px; padding-left: 1.2rem; margin-top: 4px; position: relative; font-size: 0.9rem; line-height: 32px; color: #5f5f5f; }

.op_header_more i { position: absolute; left: 0; top: 10px; display: inline-block; width: 1rem; height: 1rem; background: url(../images/sx.png) no-repeat 0 0; background-size: 100% auto; }

.op_header_more.on i { background-image: url(../images/sx_02.png); }


/*.op_header .kf_phone{position:absolute;right:0;top:0;display:block;width:70px;height:44px;background:url(../images/phone.png) center center no-repeat #FF7E00;}*/

.op_header_more_com { padding-bottom: 40px; display: none; position: absolute; top: -100%; left: 0; z-index: 1005; width: 100%; min-height: 100%; background: #f5f5f5; }

.op_header_more_com ul { display: flex; flex-wrap: wrap; justify-content: start; align-content: flex-start; padding: 10px 0; max-width: 29rem; margin: 0 auto; overflow-y: scroll; }
.op_header_more_com ul::after { display: block; content: ''; padding-bottom: 40px; width: 100%; }
.op_header_more_com ul li { width: 6.1rem; height: 6.1rem; margin: 0.55rem; border-radius: 6px; background: #fff; }

.op_header_more_com ul li a { display: block; width: 100%; height: 100%; background: url("../images/icon_tags.png") no-repeat -0.3rem 0; text-align: center; background-size: 35.5rem; line-height: 9.7rem; }


/*.op_header_more_com ul li .more_nav_sy{background: url(../images/index_header_nav/header_nav_sy.png) no-repeat center 2.45rem/2.2rem 2.3rem;}*/

.op_header_more_com ul li .more_nav_qw { background-position: -9.96rem 0rem; }

.op_header_more_com ul li .more_nav_cf { background-position: -28.76rem 0rem; }

.op_header_more_com ul li .more_nav_dg { background-position: -19.36rem 0rem; }

.op_header_more_com ul li .more_nav_ws { background-position: -0.56rem -9.4rem; }

.op_header_more_com ul li .more_nav_mm { background-position: -9.96rem -9.4rem; }

.op_header_more_com ul li .more_nav_wy { background-position: -19.36rem -9.4rem; }

.op_header_more_com ul li .more_nav_kct { background-position: -0.56rem -18.8rem; }

.op_header_more_com ul li .more_nav_etf { background-position: -9.96rem -18.8rem; }

.op_header_more_com ul li .more_nav_sf { background-position: -28.76rem 0rem; }

.op_header_more_com ul li .more_nav_wall { background-position: -28.76rem -9.4rem; }

.op_header_more_com ul li .more_nav_dsgy { background-position: -28.76rem -18.8rem; }

.op_header_more_com ul li .more_nav_md { background-position: -0.56rem -28.2rem; }

.op_header_more_com ul li .more_nav_hd { background-position: -9.96rem -28.2rem; }

.op_header_more_com ul li .more_nav_shg { background-position: -28.76rem -28.2rem; }

.op_header_more_com ul li .more_nav_sj { background-position: -19.36rem -28.2rem; }

.op_header_more_com ul li .more_nav_zx { background-position: -0.56rem -37.6rem; }

.op_header_more_com ul li .more_nav_fg { background-position: -28.76rem 0rem; }

.op_header_more_com ul li .more_nav_dztt { background-position: -9.96rem -37.6rem; }

.op_header_more_com ul li .more_nav_ask { background: url("../images/more_nav_ask.png") no-repeat 0 0; background-size: 6rem; }

.op_header_more_com ul li .more_nav_grzx { background-position: -19.36rem -37.6rem; }
.op_header_more_com ul li .more_nav_video { background-position: -0.56rem -47.3rem; }
.op_header_more_com ul li a span { text-align: center; line-height: 9.7rem; }
.J-cate-menu, .J-cate-menu body { height: 100%; overflow: hidden; }
.J-cate-menu { }
/*
  导航header获取焦点显示搜索框
*/

.header_seek_nav { position: absolute; left: 0; top: -100%; z-index: 1006; width: 100%; height: 100%; background: #e7e7e7; }

.header_seek_nav_input { padding: 1rem 1rem 1rem 1.5rem; position: relative; overflow: hidden; height: 32px; line-height: 36px; background: #fff; }

.header_seek_nav_input a { position: relative; z-index: 2; display: inline-block; height: 36px; line-height: 36px; width: 2.5rem; text-align: center; /*background: #fff url(../images/popup_apply_close.png) no-repeat 13px center;*/ /*background-size: 0.9rem 0.9rem;*/ /*border-right: #dbdbdb solid 1px;*/ }

.header_seek_nav_input .text { padding-left: 40px; height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border: none; width: calc(100% - 6rem); background: url("../images/icon_search.png") 10px center no-repeat; background-color: #e7e7e7; background-size: 22px; }

.header_seek_nav_input .submit { position: absolute; top: 4px; right: 0.5rem; width: 44px; height: 30px; line-height: 30px; background: url(../images/op_header_search.png) no-repeat center center; background-size: 0.9rem 0.9rem; border: #dbdbdb solid; border-width: 0 1px; cursor: pointer; }

.header_seek_nav_input .back_fff { position: absolute; top: 4px; right: 0; width: 0.5rem; height: 32px; background: #fff; }

.header_seek_nav_com { }

.header_seek_nav_com h4 { text-indent: 0.5rem; height: 1.75rem; line-height: 1.75rem; font-size: 0.8rem; color: #4c4c4c; font-weight: normal; padding-top: 10px; }

.header_seek_nav_com ul { width: 100%; text-align: center; }

.header_seek_nav_com li { padding: 3px 0.25rem 6px; display: inline-block; *display: inline; width: 30%; }

.header_seek_nav_com li a { display: block; width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #666; background: #fff; border: #dbdbdb solid 1px; border-radius: 100px; }

.header_hot_nav_com h4 { text-indent: 0.5rem; height: 1.75rem; line-height: 1.75rem; font-size: 0.8rem; color: #4c4c4c; font-weight: normal; padding-top: 10px; }

.header_hot_nav_com ul { width: 100%; text-align: center; }

.header_hot_nav_com li { padding: 3px 0.25rem 6px; margin: 0.25rem; float: left; }

.header_hot_nav_com ul:after { content: ''; display: block; clear: both; width: 0; visibility: hidden; }

.header_hot_nav_com li a { display: block; width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #666; background: #fff; border: #dbdbdb solid 1px; border-radius: 100px; padding-left: 3px; padding-right: 3px; }


/*
  others-header
*/

.op_admin_header { position: relative; height: 44px; line-height: 44px; /*background: #dc137b;*/ background:#4d4d4d; color: #fff; text-align: center; }

.op_admin_header h3 { font-size: 20px; font-weight: normal; }

.op_admin_header a { display: block; height: 26px; position: absolute; top: 9px; background: url(../images/header_icon.png) no-repeat; }

.op_admin_header a.back { width: 19px; background-position: -1px -46px; left: 19px; }

.op_admin_header a.op_go_index { width: 29px; background-position: -1px -1px; right: 20px; }

.op_admin_header a.op_header_menu { display: inline-block; position: absolute; top: 12px; right: 20px; width: 18px; height: 18px; background: url(../images/open.png) no-repeat; }

.op_admin_header a.op_header_menu.on { background: url(../images/menu_close.png) no-repeat center center; }

.op_admin_header.n_hearder { position: relative; height: 44px; line-height: 44px; background: #fff; color: #000; text-align: center; }

.op_admin_header.n_hearder h3 { font-size: 16px; font-weight: normal; }

.op_admin_header.n_hearder a { display: block; height: 24px; position: absolute; top: 10px; background: url(../images/arrow-left.png) no-repeat; background-size: 22px; }

.op_admin_header.n_hearder a.back { width: 24px; left: 5px; }

.op_admin_header.n_hearder a.op_header_btn { display: inline-block; position: absolute; top: 12px; right: 20px; width: 38px; height: 18px; line-height: 18px; font-size: 14px; background: none; color: #dc137b; }


/*
  加载中样式
*/

.op_loading { margin: 1.5rem auto; display: block; width: 9.5rem; text-align: center; height: 2rem; line-height: 2rem; font-size: 0.9rem; color: #999; background: #fff; border-radius: 5px; }


/*
    申请免费设计图弹窗
*/

.popup_apply { margin-left: -16rem; position: fixed; top: 0; left: 50%; z-index: 1005; display: none; width: 32rem; height: 100%; background: rgba(0, 0, 0, 0.6); }

.popup_apply_com { position: absolute; top: 10rem; left: 8%; width: 84%; background: #fff; }

.popup_apply_com h3 { padding: 1.75rem 0; position: relative; text-align: center; line-height: 1.5rem; font-size: 1.1rem; color: #000; font-weight: normal; }

.popup_apply_com h3 span { color: #dc137b; }

.popup_apply_com h3 strong { font-size: 1.5rem; color: #dc137b; }

.popup_apply_close { position: absolute; top: 0.8rem; right: 0.8rem; width: 1rem; height: 1rem; background: url(../images/popup_apply_close.png) no-repeat center center/100% 100%; }

.popup_apply_com li { margin: 5px 0 1rem; padding: 0 2.5rem; display: block; height: 2.9rem; }

.popup_apply_text { margin-left: -1px; text-indent: 1rem; display: block; width: 100%; height: 2.9rem; line-height: 2.9rem; font-size: 1rem; color: #333; background: #fff; border: #b2b2b2 solid 1px; }

.popup_apply_com p { text-align: center; height: 2rem; line-height: 2rem; font-size: 0.9rem; color: #dc137b; }

.popup_apply_submit { margin: 0.4rem auto 1.6rem; display: block; width: 85%; text-align: center; height: 3rem; line-height: 3rem; font-size: 1.1rem; color: #fff; background: #dc137b; border: 0; cursor: pointer; }


/*
---------------------------------------------------------------
 footer
---------------------------------------------------------------
*/

.op_footer { position: relative; padding-bottom: 5rem; border-top: 1px solid #ccc; background: #E6E6EB; }

.op_crumbs { padding-left: 15px; height: 2rem; line-height: 2rem; background: #f1f1f5; border-top: #ccc solid 1px; border-bottom: #4d4d4d solid 1px; }

.op_crumbs li { display: inline-block; *display: inline; font-size: 0.7rem; color: #999; vertical-align: top; }

.op_crumbs li a { color: #999; }

.op_crumbs li a.on { color: #666; }

.op_footer .contact_list { border-top: 1px solid #434343; text-align: center; color: #f0f0f5; background: #434343; font-size: 16px; padding-top: 0.5rem; }

.op_footer .contact_list li { margin-bottom: 0.7rem; }

.op_footer .contact_list li:first-child { margin: 1.7rem 0 1.5rem 0; }

.op_footer .breadcrumbs { white-space: nowrap; overflow: hidden; }

.op_footer .contact_list li:first-child a { display: inline-block; border: 1px rgb(61, 61, 61) solid; border-radius: 4px; background-color: rgb(74, 74, 74); width: 84px; height: 32px; z-index: 26; line-height: 32px; }

.op_footer .contact_list li:first-child a:first-child { margin-right: 2.5rem }

.op_footer .contact_list li:first-child span { display: none; }

.op_footer .contact_list .other { font-size: 13px; color: #A6A6A9; font-family: "Arial"; }

.op_footer .contact_list li a { color: #f0f0f5; font-size: 16px; }

.op_footer .op_skip .op_input_skip { position: fixed; bottom: 1.25rem; z-index: 999; width: 4rem; text-align: center; height: 4rem; background-repeat: no-repeat; border-radius: 100%; }

.op_footer .op_skip .op_input_skip a { width: 100%; height: 100%; color: #fff; text-align: center; display: block; font-size: 0.9rem; }

.op_footer .op_skip .op_input_skip.advisory { line-height: 6rem; background-color: rgba(241, 85, 0, 0.8); background-image: url(../images/advisory_icon.png); background-size: 2rem; background-position: center 0.575rem; left: 0.875rem; }

.op_footer .op_skip .op_input_skip.reservation { line-height: 6rem; background-color: rgba(241, 85, 0, 0.8); background-image: url(../images/reservation_icon.png); background-size: 2rem; background-position: center 0.575rem; left: 6.25rem; }

.op_footer .op_skip .op_input_skip.op_top { line-height: 6rem; background-color: rgba(0, 0, 0, 0.6); background-image: url(../images/op_top_icon.png); background-size: 2.6rem; background-position: center 0.1rem; right: 0.813rem; }

.op_footer .friend_link { color: #4D4D4D; font-size: 16px; }

.op_footer .friend_link .friend_select { position: relative; width: 100%; height: 2.2rem; background: #ffffff; font-size: 16px; }

.op_footer .friend_link .friend_select .select_hot { position: absolute; left: 0; top: 0; width: 50%; height: 2.2rem; text-align: center; line-height: 2.2rem; border-bottom: 1px solid #dedede; color: #333333; cursor: pointer; }

.op_footer .friend_link .friend_select .select_friend { position: absolute; right: 0; top: 0; width: 50%; height: 2.2rem; text-align: center; line-height: 2.2rem; border-bottom: 1px solid #dedede; color: #333333; cursor: pointer; }

.op_footer .friend_link .friend_select .sel_act { border-bottom: 2px solid #dc137b; color: #dc137b; }

.op_footer .friend_link span { color: #999999; }

.op_footer .friend_link .link_more { display: none; }

.hot_show { width: 100%; font-size: 0.8rem; overflow: hidden }

.hot_show ul li { float: left; width: 50%; height: 2.4rem; background: #ffffff; overflow: hidden; cursor: pointer; }

.hot_li1 { line-height: 2.8rem; }

.hot_li2 { line-height: 2rem; }

.hot_show ul li span { color: #bababa; }

.hot_show ul li div { margin-left: 1rem; }

.fre_show { display: none; padding: 0.6rem 2rem; background: #ffffff; font-size: 0.8rem; }

.fre_show ul { position: relative; }

.fre_show li { display: inline-block; position: relative; padding: 0 5px; line-height: 1.4rem; cursor: pointer; }

.fre_show ul li::after { position: absolute; top: 10px; right: -3px; content: ''; border-bottom: 11px solid #a9a9a9; width: 1px; }

.link_mores { display: none; }


/*公共分页样式*/

.page_list { text-align: center; padding-bottom: 20px; }

.page_list select { width: 45px; height: 25px; margin: 0 5px; text-align: center; }

.page_list .page_other { display: inline-block; width: 60px; height: 25px; line-height: 25px; font-size: 14px; text-align: center; color: #3d3d3d; border: 1px solid #e6e6e6; background: #fff; }

.page_list .page_oe,
.page_list .page_grey { display: inline-block; width: 38%; height: 40px; margin: 0 5%; line-height: 40px; font-size: 14px; text-align: center; color: #3d3d3d; border: 1px solid #999; background: #fff; border-radius: 0.5rem; }

.page_list .page_grey { background: #ddd; }


/* 全局底部菜单样式 */

.index_footer { position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%; height: 3.5rem; background: rgba(255, 255, 255, 0.95); display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; border-top: #d6d6d6 solid 1px; }

.index_footer_nav { width: 100%; height: 3.5rem; display: -webkit-box; display: -moz-box; display: -o-box; display: -ms-box; display: box; }

.index_footer_nav a { display: block; width: 33%; -webkit-box-flex: 1; -moz-box-flex: 1; -o-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: center; font-size: 0.8rem; }

.index_footer_nav a dt { margin: 0.25rem auto 0; display: block; width: 1.75rem; height: 1.75rem; background: no-repeat center center/100% 100%; }

.index_footer_nav a .zx { color: #808080; }

.index_footer_nav a .sj { color: #ff7429; }

.index_footer_nav a .zd { color: #ccc; }

.index_footer_nav a .zx dt { background-image: url(../images/index_footer_zx.png); }

.index_footer_nav a .sj dt { background-image: url(../images/index_footer_sj.png); }

.index_footer_nav a .zd dt { background-image: url(../images/index_footer_zd.png); }


/*404页面样式*/

.error { padding: 5rem 0 10rem; text-align: center; }

.error img { width: 11.8rem; height: 13.6rem; }

.error p { padding: 2rem 0; font: 1.1rem/5.5rem "黑体"; }

.error .btnInfo a { display: inline-block; width: 8.9rem; height: 2.2rem; line-height: 2.2rem; font-size: 0.9rem; color: #dc137b; background: #ffeee5; border: 1px solid #dc137b; border-radius: 7px; }

.error .btnInfo a:nth-child(2) { margin-left: 2.5rem; }


/* 全局底部菜单样式 */

.footer_consule { position: fixed; width: 100%; bottom: 0; left: 0; text-align: center; z-index: 999; }

.footer_consule .bg { width: 100%; height: 50px; background: #000; opacity: 0.5; }

.footer_consule .cs_designer { position: absolute; left: 0; bottom: 7px; width: 100%; text-align: center; }

.footer_consule a { display: inline-block; font-size: 1.1rem; width: 8rem; height: 35px; line-height: 35px; text-align: center; color: #fff; border-radius: 5px; background: #dc137b; }

.footer_consule a:first-child { margin-right: 1rem; width: 7rem; background: #ABCA01; }

.footer_consule a:last-child { margin-left: 0.5rem; width: 4rem; background: #8c8c8c; }

.footer-fixed .cs_designer { font-size: 0; }

.footer-fixed .alert_popup_apply { width: 21%; }

.footer-fixed a { border-radius: 35px; }

.footer-fixed a.op_top { position: relative; top: 10px; margin-left: 1.4rem; width: 33px; height: 33px; background: #dc137b url(../images/bottom_icon.png) no-repeat -90px 4px; border-radius: 100%; }

@media screen and (max-width: 320px) {
    .op_header_search { width: 51%; }
    .footer-fixed a.op_top { margin-left: 0.8rem; }
}

.footer-fixed p { display: inline-block; position: relative; top: 9px; font-size: .8rem; color: #fff; }

.footer-fixed p:before { content: ''; position: absolute; top: -18px; left: 0; width: 88px; height: 22px; background: url(../images/bottom_price.png) no-repeat; }

.footer-fixed p + a { margin: 0 1.3rem 0 1rem; width: 21%; background: #ABCA01; }


/* 网页回呼 */

.webcall { display: none; position: fixed; width: 32rem; height: 100%; background: rgba(0, 0, 0, 0.5); left: 50%; top: 0; margin-left: -16rem; z-index: 1006; }

.webcall_con { width: 80%; position: absolute; left: 10%; top: 12rem; background: #fff; }

.webcall_con .tit { height: 7.5rem; font-size: 1.8rem; color: #999; text-align: center; line-height: 7.5rem; }

.webcall_con .webcall_tel { width: 80%; border: 1px solid #ccc; height: 3rem; font-size: 1.2rem; color: #bfbfbf; margin-left: 10%; text-align: center; box-sizing: border-box; }

.webcall_con .webcall_btn { width: 80%; background: #fc5b1f; height: 3rem; font-size: 1.2rem; text-align: center; border: none; color: #fff; margin: 2rem 0 0 10%; }

.webcall_con .tip { height: 3rem; line-height: 2rem; text-align: center; font-size: 0.9rem; color: #fc5b1f; }

.webcall_con .webcall_close { width: 60px; height: 60px; position: absolute; bottom: -6rem; left: 50%; margin-left: -30px; background: url(../images/webcall_close.png) }


/* 隐藏Udesk客服按钮 */

#udesk_btn a { display: none !important; }


/*问答列表搜索框*/

.ask_header_search { margin: 34px auto; position: relative; width: 95%; height: 32px; background: #ffffff url(../images/op_header_search.png) no-repeat 11px center; border-radius: 100px; }

.ask_header_search input[type="text"] { text-indent: 33px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: none; }


/*二维码弹窗*/

#codepopup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999; }

#codepopup .pop-con { position: relative; left: 50%; top: 50%; margin-left: -40%; margin-top: -15%; width: 80%; height: 30%; background: url("../images/codepop.png") no-repeat 0 0; background-size: 100%; }

#codepopup .pop-con .close { position: absolute; right: 0; top: 0; width: 5%; height: 5%; }

#codepopup .pop-con .code { position: absolute; top: 16%; left: 7%; width: 36%; border: 1px solid #CCCCCC; }

.nav_footer { position: fixed; width: 100%; max-width: 640px; height: 4.75rem; bottom: 0; z-index: 1000; background: #fff; border-top: 0.1rem solid #dc137b; }
.nav_footer.nav_footer2 { height: 3.72rem; background: rgba(0,0,0,.5); border-top: none; }
.nav_footer ul { height: 100%; display: flex; box-shadow: 1px 7px 20px #666 }

.nav_footer ul li { flex: 1; height: 100%; cursor: pointer; }

.nav_footer ul li span { display: block; height: 100%; }
.nav_footer ul li:nth-child(1) span { background: url("../images/nav_home.png") no-repeat center center; background-size: 100%; }
.nav_footer ul li.home.active span { background: url("../images/nav_home_act.png") no-repeat center center; background-size: 100%; }
.nav_footer ul li:nth-child(2) span { background: url("../images/nav_sort.png") no-repeat center center; background-size: 100%; }
.nav_footer ul li.sort.active span { background: url("../images/nav_sort_act.png") no-repeat center center; background-size: 100%; }
.nav_footer ul li:nth-child(3) span { background: url("../images/nav_design.png") no-repeat center center; background-size: 100%; }
.nav_footer ul .design.active span { background: url("../images/nav_design_act.png") no-repeat center center; background-size: 100%; }
.nav_footer ul li:nth-child(4) span { background: url("../images/nav_shop.png") no-repeat center center; background-size: 100%; }
.nav_footer ul .shop.active span { background: url("../images/nav_shop_act.png") no-repeat center center; background-size: 100%; }
.nav_footer ul li:nth-child(5) span { background: url("../images/nav_service.png") no-repeat center center; background-size: 100%; }
.nav_footer ul .kefu.active span { background: url("../images/nav_service_act.png") no-repeat center center; background-size: 100%; }


.nav_footer.nav_footer2 ul li.home span { background: url("../images/bottom_nav2_01.png") no-repeat center center; background-size: 100%; }

.nav_footer.nav_footer2 ul .design span { background: url("../images/bottom_nav2_02.png") no-repeat center center; background-size: 100%; }
.nav_footer.nav_footer2 ul .shop span { background: url("../images/bottom_nav2_03.png") no-repeat center center; background-size: 100%; }
.nav_footer.nav_footer2 ul .kefu span { background: url("../images/bottom_nav2_04.png") no-repeat center center; background-size: 100%; }

.nav_footer.nav2_footer ul li span { display: block; height: 100%; background: url("../images/nav_icon.png") no-repeat 1.5rem center; background-size: 30.5rem; }

.nav_footer.nav2_footer ul li.active span { background: url("../images/nav_icon_active.png") no-repeat 1.5rem center; background-size: 30.5rem; }

.nav_footer.nav2_footer ul li span { display: block; height: 100%; background: url("../images/nav_icon_2.png") no-repeat 0 center; background-size: 30.5rem; }

.nav_footer.nav2_footer ul li.active span { background: url("../images/nav_icon_2_active.png") no-repeat 0 center; background-size: 30.5rem; }

.nav_footer.nav2_footer ul li:nth-child(2) span { background-position-x: -7.3rem; }

.nav_footer.nav2_footer ul li:nth-child(3) span { background-position-x: -16.4rem; }

.nav_footer.nav2_footer ul li:nth-child(4) span { background-position-x: -24rem; }

.nav_footer.nav2_footer ul li:nth-child(2) span { background-position-x: -8.0rem; }

.nav_footer.nav2_footer ul li:nth-child(3) span { background-position-x: -15.7rem; }

.nav_footer.nav2_footer ul li:nth-child(4) span { background-position-x: -23.5rem; }
.nav_footer .nav_sorts { display: none; position: absolute; bottom: 4.85rem; background: #fff; box-shadow: none; width: 100%; border-top: 1px solid #dc137b; }
.nav_footer .nav_sorts ul { padding: 0; display: block; padding: 1rem 0; box-shadow: none; }
.nav_footer .nav_sorts ul li { margin: 0; display: inline-block; width: 24%; text-align: center; padding: 1rem; box-sizing: border-box; }
.nav_footer .nav_sorts ul li span { background: none; color: #767676; }
.nav_footer .nav_sorts ul li a { padding-top: 4rem; display: block; }
.nav_footer .nav_sorts ul li:nth-child(1) a { background: url("../images/shumayongpin.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(2) a { background: url("../images/xiaojiazhoubian.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(3) a { background: url("../images/jiajuyongpin.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(4) a { background: url("../images/shenghuoyongpin.png") center 0 no-repeat; background-size: 4rem; }
/*.nav_footer .nav_sorts ul li:nth-child(1) a { background: url("../images/sort_cf.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(2) a { background: url("../images/sort_ckt.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(3) a { background: url("../images/sort_ws.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(4) a { background: url("../images/sort_sf.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(5) a { background: url("../images/sort_qw.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(6) a { background: url("../images/sort_mm.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(7) a { background: url("../images/sort_wy.png") center 0 no-repeat; background-size: 4rem; }
.nav_footer .nav_sorts ul li:nth-child(8) a { background: url("../images/sort_etf.png") center 0 no-repeat; background-size: 4rem; }*/

.sort_list ul { display: flex; flex-wrap: wrap; justify-content: start; padding: 10px 0; max-width: 29rem; margin: 0 auto; }

.sort_list ul li { width: 6.1rem; height: 6.1rem; margin: 0.55rem; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.sort_list ul li a { display: block; width: 100%; height: 100%; background: url("../images/icon_tags.png") no-repeat -0.3rem 0; text-align: center; background-size: 35.5rem; line-height: 9.7rem; }

#toast { position: fixed; left: 50%; top: 50%; padding: 0 20px; height: 45px; background: rgba(0, 0, 0, 0.7); border-radius: 9px; z-index: 1399 }

#toast .toast-text { line-height: 45px; background: url("../images/right.png") no-repeat left center; background-size: 20px; padding-left: 23px; font-size: 18px; color: #fff; }

#toast .toast-text.toast-error { background: url("../images/error.png") no-repeat left center; background-size: 14px; }


/*优惠券成功页*/

.apply_ok_dialog { display: none; position: fixed; top: 0; left: 0; right: 0; height: 100%; color: #000; background-color: #fff; z-index: 9000; overflow-y: auto; }

.apply_ok_dialog .coupon-success { max-width: 640px; min-width: 320px; margin: 0 auto; text-align: center; }

.apply_ok_dialog .coupon-success .coupon-info { position: relative; top: -5rem; color: #fff; font-size: 1.2rem; display: block; }

.apply_ok_dialog .coupon-success .coupon-img { margin-top: 1rem; }

.apply_ok_dialog .coupon-success .coupon-des { display: inline-block; margin: 2rem auto 2.8rem; }

.apply_ok_dialog .coupon-success p { height: 2.5rem; line-height: 2.5rem; font-size: 1.2rem; color: #a8a8a8; text-align: left; }

.apply_ok_dialog .coupon-success p::before { content: ''; position: relative; display: inline-block; top: -.35rem; right: .25rem; width: 6px; height: 6px; background-color: #a8a8a8; border-radius: 100%; }

.apply_ok_dialog .coupon-success a { display: inline-block; }

.apply_ok_dialog .coupon-success .coupon-btn img { width: 55.2%; }

.choose { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1299; display: none; }

.choose_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.choose .r_list_wrap { position: absolute; left: 0; bottom: 0; width: 100%; }

.choose .r_list_wrap .title { height: 3rem; line-height: 3rem; text-align: center; border-radius: 5px 5px 0 0; background: #fff; color: #000; }

.choose .r_list_wrap ul { background: #fff; padding: 0 0 2rem 1.5rem; color: #000; }

.choose .r_list_wrap ul li { line-height: 3rem; border-bottom: 1px solid #d6d6d6; position: relative; }

.choose .r_list_wrap ul li:last-child { border-bottom: none; }

.choose .r_list_wrap ul li i { position: absolute; top: 50%; margin-top: -0.5rem; right: 1rem; display: inline-block; width: 1rem; height: 1rem; background: #fff; border-radius: 50%; margin-right: 0.6rem; border: 1px solid #d6d6d6; }

.choose .r_list_wrap ul li.set i { background: #dc137b; border: 1px solid #dc137b; }

.choose .r_list_wrap ul li.set i::after { position: absolute; left: .22rem; top: .2rem; content: ""; width: 0.43rem; height: 0.25rem; border-left: .16rem solid #fff; border-bottom: .16rem solid #fff; transform: rotate(-45deg); }

.choose .r_list_wrap .close { display: block; line-height: 2.8rem; text-align: center; background: #dc137b; color: #fff; }

.drawer { display: none; position: fixed; top: 40px; left: 50%; width: 100%; max-width: 650px; height: 100%; z-index: 2009; overflow: hidden; transform: translateX(-50%); }
.drawer .drawer-bg { background: rgba(0,0,0,.5); width: 100%; height: 100%; }
.drawer .drawer-list { position: absolute; background: #fff; width: 50%; right: -100%; top: 0; height: 100%; transition: right .2s linear; }
.drawer .drawer-list li { padding: 1rem 0 1rem 2rem; font-size: 1.2rem; height: 2rem; }
.drawer .drawer-list li a { display: block; height: 100%; vertical-align: top; line-height: 2rem; }
.drawer .drawer-list li .icon { display: inline-block; width: 2.2rem; height: 2.2rem; float: left; }
.drawer.show { display: block; }
.drawer .drawer-list.show { right: 0; }
.icon.icon_sy { background: url("../images/diw_sy.png") center center no-repeat; background-size: 100%; }
.icon.icon_ys { background: url("../images/diw_ys.png") center center no-repeat; background-size: 100%; }
.icon.icon_sj { background: url("../images/diw_sj.png") center center no-repeat; background-size: 100%; }
.icon.icon_sjs { background: url("../images/diw_sjs.png") center center no-repeat; background-size: 100%; }
.icon.icon_sy { background: url("../images/diw_sy.png") center center no-repeat; background-size: 100%; }
.icon.icon_xgt { background: url("../images/diw_xgt.png") center center no-repeat; background-size: 100%; }
.icon.icon_ad { background: url("../images/diw_ad.png") center center no-repeat; background-size: 100%; }
.icon.icon_sp { background: url("../images/diw_sp.png") center center no-repeat; background-size: 100%; }
.icon.icon_gr { background: url("../images/diw_gr.png") center center no-repeat; background-size: 100%; }
.op_header .drawer-trigger { float: right; width: 12%; height: 32px; margin-top: 4px; position: relative; font-size: 0.9rem; line-height: 32px; color: #5f5f5f; }
.op_header .drawer-trigger i { position: relative; left: -3px; top: 3px; display: inline-block; width: 1rem; height: 1rem; background: url(../images/sx.png) no-repeat 0 0; background-size: auto; background-size: 100% auto; }
.op_admin_header a.drawer-trigger { display: inline-block; position: absolute; top: 12px; right: 20px; width: 18px; height: 18px; background: url(../images/open.png) no-repeat; }

.op_admin_header a.drawer-trigger.on { background: url(../images/menu_close.png) no-repeat center center; transform: rotate(90deg); }

.drawer-trigger2 { float: right; font-size: 0.9rem; line-height: 32px; color: #5f5f5f; position: absolute; top: 0.25rem; right: 1rem; padding-left: 0; margin-top: 0; width: 3.85rem; height: 3rem; background: url(../images/home_search.png) no-repeat -3.9rem 0; background-size: auto 3rem; }

.drawer-trigger2 i { position: absolute; left: 0; top: 10px; display: inline-block; width: 1rem; height: 1rem; background: url(../images/sx.png) no-repeat 0 0; background-size: 100% auto; }

.drawer-trigger2.on i { background-image: url(../images/sx_02.png); }
.drawer.drawer_home { top: 3.5rem; }


.header_hot_nav_com .icon.hot { display: inline-block; width: 18px; height: 18px; background: url("../images/icon_hot.png") 0 0 no-repeat; background-size: 18px; float: left; margin-left: 10px; }