.full_bg {
    background: url(../img/subpage_bg.webp) no-repeat center 0;
}

.sun-editor-editable {
    font-family: unset;
    font-size: unset;
    color: unset;
    background-color: unset;
    line-height: unset;
    word-break: unset;
    word-wrap: unset;
    padding: unset;
    margin: unset;
}

.wrapper {
    width: 1002px;
    margin: 0 auto;
}

.header {
    width: 1002px;
    margin: 0 auto;
    position: relative;
}

.main {
    width: 750px;
    float: right;
}

.h0 {
    background-position: 0px -36px;
    width: 71px;
}

.h0:hover {
    background-position: 0 0;
}

.h1 {
    background-position: -71px -36px;
    width: 71px;
}

.h1:hover {
    background-position: -71px 0
}

.h2 {
    background-position: -143px -36px;
    width: 71px;
}

.h2:hover {
    background-position: -143px 0
}

.h3 {
    background-position: -215px -36px;
    width: 71px;
}

.h3:hover {
    background-position: -215px 0
}

.h4 {
    background-position: -287px -36px;
    width: 71px;
}

.h4:hover {
    background-position: -287px 0
}

.h5 {
    background-position: -358px -36px;
    width: 71px;
}

.h5:hover {
    background-position: -358px 0
}

.h6 {
    background-position: -431px -36px;
    width: 36px;
}

.h6:hover {
    background-position: -431px 0
}

.h7 {
    background-position: -467px -36px;
    width: 38px;
}

.h7:hover {
    background-position: -467px 0
}

.h8 {
    background-position: -504px -36px;
    width: 71px;
}

.h8:hover {
    background-position: -504px 0
}

.na_4 {
    margin-left: 294px;
}

.header h2 {
    position: absolute;
    left: 375px;
    top: 0px;
}

.header h2 a {
    width: 275px;
    height: 124px;
    display: block
}

#menu1Container {
    visibility: hidden;
    left: 60px;
    top: 42px;
    width: 600px;
    height: 30px;
    overflow: hidden;
    z-index: 10000;
}

#menu2Container {
    visibility: hidden;
    left: 50px;
    top: 42px;
    width: 850px;
    height: 30px;
    overflow: hidden;
    z-index: 10000;
}

#menu1Content, #menu1Container {
    position: absolute;
}

#menu2Content, #menu2Container {
    position: absolute;
}

#menu3Container {
    visibility: hidden;
    left: 60px;
    top: 42px;
    width: 600px;
    overflow: hidden;
    z-index: 10000;
}

#menu4Container {
    visibility: hidden;
    left: 50px;
    top: 42px;
    width: 850px;
    overflow: hidden;
    z-index: 10000;
}

#menu3Content, #menu3Container {
    position: absolute;
}

#menu4Content, #menu4Container {
    position: absolute;
}

#menu5Container {
    visibility: hidden;
    left: 60px;
    top: 42px;
    width: 300px;
    height: 30px;
    overflow: hidden;
    z-index: 10000;
}

#menu6Container {
    visibility: hidden;
    left: 50px;
    top: 42px;
    width: 850px;
    height: 30px;
    overflow: hidden;
    z-index: 10000;
}

#menu5Content, #menu5Container {
    position: absolute;
}

#menu6Content, #menu6Container {
    position: absolute;
}

#menu7Container {
    visibility: hidden;
    left: 60px;
    top: 42px;
    width: 600px;
    height: 30px;
    overflow: hidden;
    z-index: 10000;
}

#menu7Content, #menu7Container {
    position: absolute;
}

.u1 {
    background-position: 0 0;
    height: 33px;
}

.u1:hover {
    background-position: -252px 0;
}

.u2 {
    background-position: 0 -33px;
    height: 33px;
}

.u2:hover {
    background-position: -252px -33px;
}

.u3 {
    background-position: 0 -66px;
    height: 33px;
}

.u3:hover {
    background-position: -252px -66px
}

.u4 {
    background-position: 0 -99px;
    height: 33px;
}

.u4:hover {
    background-position: -252px -99px
}


.main_p {
    min-height: 400px;
    _height: 400px;
    width: 711px;
    margin-left: -4px;
    line-height: 24px;
    font-size: 14px;
}

.main_p img {
    border: 3px double #46321a;
    margin: 2px;
}

.main_p a:hover img {
    border: 3px double #ffc76e;
}

.main_p p {
    font-size: 14px;
}

.main_p a {
    color: #B75B00;
}

.main_p1 {
    padding-top: 20px;
    width: 711px;
    color: #000;
}


.main_p_tit {
    border-bottom: 1px dashed #000;
    font-size: 14px;
    padding: 10px 0;
}

.main_p_tit h4 {
    font-weight: bold;
    color: #120902;
    text-align: center;
}

.local {
    display: inline-flex;
    width: 700px;
    padding-top: 16px;
    margin-left: -4px;
    color: #120902;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #000;
    padding-left: 11px;
}

.local a {
    color: #120902;
}


.position_rel {
    padding-top: 50px;
}

a.btn_top {
    width: 34px;
    height: 19px;
    background: url(../img/btn_top2.gif) no-repeat;
    display: block;
    margin: 0 auto;
}

/*×ÊѶÈËÆø*/
.newsinfo {
    text-align: center;
    line-height: 24px;
    color: #6C3A08
}

.newsoperate {
    text-align: right;
    padding-top: 5px;
}

.newsoperate a {
}

.newsbtm {
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
}

.newsbtm a {
    color: #B75B00;
}

.jyxq_pl p {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.jyxq_pl p a {
    color: #B75B00;
}


.sed_tab {
    border: 1px solid #46321a;
    border-collapse: collapse;
    line-height: 32px
}

.sed_tab td {
    border: 1px solid #46321a;
}

.sed_tab img {
    border: 3px double #292429
}

.sed_tab2 {
    position: relative;
    right: -1px;
    bottom: -1px;
}

.sed_tab2 td {
    border: none;
    border-bottom: 1px solid #6C3A08;
    border-right: 1px solid #6C3A08;
}

.gwzl {
    border: 1px solid #514C4C;
    border-collapse: collapse;
}

.gwzl td {
    border: 1px solid #514C4C;
}

.mission {
    border: 1px solid #6C3A08;
    border-collapse: collapse;
    line-height: 16px;
}

.mission td {
    border: 1px solid #6C3A08;
}

.mission2 {
    border: 1px solid #6C3A08;
    border-collapse: collapse;
    line-height: 24px;
    text-align: center;
}

.mission2 td {
    border: 1px solid #6C3A08;
}

.noborder td {
    border: none;
}

.mission2 p {
    text-align: left;
}

.tab_col {
    background-color: #e8e5d5;
}

.tab_col2 {
    background-color: #5e5a51;
}

.tab_col2 a {
    color: #dcd7cc
}

.tab_col2 a:hover {
    color: #dcd7cc
}

.tab_col2 {
    color: #dcd7cc
}

.tab_col {
    border: 1px solid #000;
    line-height: 16px;
}

.footer {
    color: #24445c;
    line-height: 18px;
    padding: 130px 0 10px 0;
    width: 1002px;
}

.footer a {
    color: #24445c;
}

.footer a:hover {
    color: #f1d84f;
}

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

.banner_bottom img {
    border: 2px solid #292429;
}

.banner_bottom a:hover img {
    border: 2px solid #FFF;
}

.pages {
    clear: both;
    text-align: center;
}

.pages a{margin-left: 5px; margin-right: 5px; cursor: pointer}

.pages .spage {
    text-align: right;
}

.page_version2 {
    clear: both;
    padding: 3px;
    margin: 3px;
    text-align: center;
    font-size: 12px;
    width: 600px;
}

.page_version2 span.no_link {
    border: #999 1px solid;
    margin: 2px;
    color: #999;
    padding: 3px 7px;
}

.page_version2 a {
    border: #333 1px solid;
    padding: 3px 7px;
    margin: 3px;
    color: #333;
    text-decoration: none;
}

.page_version2 a:hover {
    border: #999 1px solid;
    color: #fff;
    text-decoration: none;
    background-color: #333;
}

.page_version2 span.current {
    border: #999 1px solid;
    padding: 3px 7px;
    margin: 3px;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background-color: #333;
}

.splitPage {
    padding-bottom: 20px;
    padding-top: 15px;
    text-align: center;
    clear: both;
}

.splitPage a {
    display: block;
    display: inline;
}


.submenu {
    margin-left: 16px;
    width: 711px;
    padding: 8px 0;
}

.submenu_cbg {
    background: url(../img/sub_navcontbg.webp) no-repeat 0 0;
    width: 710px;
    height: 84px;
}

.submenu_c {
}

.submenu_c td a {
    color: #D3CEB8;
    padding: 3px 5px;
}

.submenu_c td a:hover {
    color: #D3CEB8;
    text-decoration: underline;
}

.td1 {
    width: 90px;
    text-align: right;
    height: 42px;
    line-height: 42px;
}

.td21 {
}

.td22 {
    padding: 2px 10px 0 10px;
    height: 42px;
    line-height: 16px;
    color: #D3CEB8;
}

.td22 span {
    font-weight: 700;
    color: #E3C177;
}

.td22 a {
    padding: 2px 3px;
    color: #D3CEB8;
}


#zl_nav {
    position: relative;
}

#kxdaohang {
    position: absolute;
    top: -15px;
    height: 33px;
    font-size: 12px;
    left: 7px;
}

#kxdaohang div {
    float: left;
}

#dhtitbg {
    height: 33px;
}

#dh_tit {
    height: 28px;
    padding-top: 5px;
}

#dh_tit ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.dh_all_ul {
    width: 450px;
}

.dh_all_li {
    display: inline;
    margin: 0 2px;
    position: relative;
    float: left;
    background: url(../img/sub_selectbg.gif) no-repeat 0 0;
    padding: 0 15px 0 10px;
}

.dh_all_li div {
    height: 24px;
    width: 80px;
    line-height: 23px;
    padding-left: 6px;
    float: none;
    cursor: pointer;
}

.dh_topdiv {
    color: #120902;
}

.dh_topdiv_on {
    font-weight: bold;
}

.dh_all_ul li ul {
    position: absolute;
    left: 0px;
    top: 24px;
    width: 86px;
    display: none;
}

.dh_all_ul li ul li {
    background: #cac2be;
    border: 1px solid #4e2d09;
    border-width: 0 1px;
    float: left;
    padding: 0 1px;
    width: 100px;
}

.dh_all_ul li ul .dh_first {
    background: #cac2be;
    border: 1px solid #4e2d09;
    border-width: 1px 1px 0;
    padding-top: 5px;
}

.dh_all_ul li ul .dh_last {
    background: #cac2be;
    border: 1px solid #4e2d09;
    border-width: 0px 1px 1px;
    padding-bottom: 5px;
}

.dh_all_ul li ul li a {
    display: block;
    padding-left: 12px;
    color: #000;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 2px;
}

.dh_all_ul li ul li a:hover, .dh_all_ul li ul li a.dh_a_on {
    color: #F00;
    text-decoration: none;
    background-color: #CCC;
}

.dh_all_ul li ul li ul {
    width: 100px;
    position: absolute;
    left: 100px;
    top: -0px;
    display: none;
}

.dh_all_ul .dh_li_last ul li ul {
    left: -81px;
}

.dh_all_ul li ul .dh_first ul {
    top: 0px;
}

.dh_all_ul li ul li ul li {
    background: #cac2be;
    border: 1px solid #4e2d09;
    border-width: 0 1px;
    float: left;
    padding: 0 1px;
    width: 160px;
}

.dh_all_ul li ul li ul .dh_first2 {
    background: #cac2be;
    border: 1px solid #4e2d09;
    border-width: 1px 1px 0;
    padding-top: 5px;
}

.dh_all_ul li ul li ul .dh_last2 {
    background: #cac2be;
    border: 1px solid #4e2d09;
    border-width: 0px 1px 1px;
    padding-bottom: 5px;
}

.dh_all_ul li ul li ul li a {
    padding-left: 10px;
}

.dh_all_ul li ul li ul li a:hover {
}


.newscon .cmsPicTable {
    width: 100%;
}


.boxs_t {
    background: url(../img/zl_column_top.webp) no-repeat 0 0;
    width: 711px;
    height: 31px;
    margin-top: 5px;
}

.boxs_t h3 {
    font-size: 14px;
    color: #feecc2;
    padding: 0 0 0 30px;
    height: 31px;
    font-weight: bold;
    line-height: 31px;
}

.boxs_c {
    width: 711px;
}

.boxs_c_btm {
    background: url(../img/zl_column_btm.webp) no-repeat left bottom;
    width: 711px;
}

.boxs_c h4 {
    padding: 0;
    margin: 0;
    color: #7E3606;
    font-size: 12px;
}

.boxs_item {
    padding-bottom: 10px;
    border-bottom: 1px dotted #564F3F;
}

.boxs_c_p {
    line-height: 20px;
    margin-left: 10px;
    padding: 5px 0 20px 0;
}

.boxs_c a {
    color: #26160a;
    padding: 3px;
}

.boxs_c a:hover {
    color: #b60000;
    padding: 3px;
}

.main_p1 img {
    border: none;
    margin: 0;
    padding: 0;
}

.main_p1 {
    font-size: 14px;
}

.main_p1 p {
    font-size: 14px;
}

.hd_main {
    padding: 1px 10px 10px 10px;
}


.gwzl {
    border: 1px solid #e7d4a0;
    border-collapse: collapse;
}

.gwzl td {
    border: 1px solid #e7d4a0;
    height: 28px;
    color: #feecc2;
}

.gwzl td a {
    color: #000;
}

.gwzl td a:hover {
    color: #b60000;
}

.latest_act {
    background: url(../img/hd_column.gif) no-repeat;
    width: 705px;
    height: 35px;
}

.latest_act h2 {
    font-size: 14px;
    color: #ffb400;
    padding-left: 30px;
    font-weight: bold;
    line-height: 35px;
}

.latest_act td p {
    margin: 0;
}

.tip_box {
    color: #596578;
    padding-top: 50px;
    text-align: center;
}

.act_img td, .act_con td {
    height: 160px;
    vertical-align: top;
    overflow: hidden;
}

.act_img {
    float: left;
    width: 30%;
    text-align: center;
    line-height: 3.2em;
}

.act_img img {
    border: 1px solid #000;
}

.act_img a:hover img {
    border: 1px solid #ffc76e;
}

.act_img a {
    color: #000;
}

.act_con {
    float: left;
    width: 67%;
}

.act_con a {
    font-size: 13px;
    font-weight: 700;
    display: block;
    background-color: #564f45;
    color: #fff;
    padding: 8px 0 5px 5px;
    border: #000 1px solid;
}

.act_con a:hover {
    color: #ffc76e;
    text-decoration: none;
}

.act_con td {
}

.act_con td div {
    color: #000;
    padding-top: 5px;
}

.act_con p {
    line-height: 1.3em;
    color: #6c3a08;
    background-color: #e8e5d5;
    padding: 5px;
    border: #000 1px solid;
}

.latest_actbg {
    padding: 10px 0;
    max-height: 470px;
    overflow-y: auto;
    overflow-x: hidden;
}

.full_box {
    max-height: 1020px !important;
}

.aitem {
    width: 320px;
    padding: 1px 0 6px 12px;
    float: left;
}

.aitem h3 {
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    font-size: 12px;
    border-bottom: #2A231B dotted 1px;
    height: 20px;
}

.aitem td {
    color: #000;
    line-height: 1.5;
}

.aitem h3 a, .aitem h3 a:hover {
    color: #b60000;
}

.act_con td {
    border: 0;
}

.dw_column {
    width: 647px;
    margin-left: 30px;
    padding-top: 10px;
}

.dw_columntop {
    background: url(../img/dw_column.gif) no-repeat;
    width: 647px;
    height: 46px;
}

.dw_columntop h2 {
    font-size: 14px;
    color: #feecc2;
    padding: 16px 0 6px 30px;
    height: 20px;
    font-weight: bold;
}

.dw_columnbg {
    background: url(../img/dw_columnbg.webp) repeat-y;
    width: 638px;
    margin-left: 9px;
}

.dw_main01bg {
    background: url(../img/dw_main01bg.webp) repeat-y;
    width: 638px;
    margin-left: 9px;
}

.dw_main01 {
    background: url(../img/dw_main01.webp) no-repeat;
    width: 638px;
}

.dw_columnbtm {
    background: url(../img/dw_columnbtm.webp) no-repeat bottom;
    width: 638px;
}

.dw_main01_p {
    width: 610px;
    margin: 0 auto;
    padding: 10px 0 20px 0;
}

.dw_subcolumn {
    background: url(../img/dw_subcolumn.webp) no-repeat;
    width: 610px;
    height: 24px;
}

.dw_subcolumn h3 {
    font-size: 12px;
    color: #b60000;
    line-height: 24px;
    padding-left: 45px;
    height: 24px;
    font-weight: bold;
}

.dw_tab01 {
    padding-top: 20px;
}

.dw_tab01 td {
    padding: 5px 0;
}

.dw_tab01 td a {
    color: #e5f13b;
    text-align: center;
    align-content: center;
    width: 167px;
    height: 61px;
    display: block;
    padding-left: 15px;
}

.dw_btn a {
    background: url(../img/dw_btns.webp) no-repeat;
}

.dw_btn a:hover {
    background: url(../img/dw_btns.webp) no-repeat -182px top;
}

.dw_btn02 a {
    background: url(../img/dw_btns.webp) no-repeat left -60px;
    color: #f7efaf !important;
    width: 166px !important;
}

.dw_btn02 a:hover {
    background: url(../img/dw_btns.webp) no-repeat -181px -60px;
}

.mall {
    width: 100%;
    margin: 0 auto;
}

.item-list {
    padding: 30px 0;
}
.item-list select, .item-list input{
    width: 68%;
    background: #fefefe;
    outline: none;
    border: 1px solid #28282b;
    padding: 2px 0;
    border-radius: 6px;
    margin: auto;
    text-align: center;
}

.item-list li {
    position: relative;
    float: left;
    background: #f3efea;
    width: 28%;
    padding: 1%;
    margin: 1%;
    font-size: 14px;
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: -1px 2px 11px #00000038;
}

.item-list li:hover {
    z-index: 3;
}

.item-list li:hover .description {
    display: block;
}

.item-list .time {
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    text-align: center;
    padding: 5px 0 0 0;
}

.item-list .time i {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    background: url(../img/btns.webp) no-repeat 0 -297px;
    margin-right: 2px;
}

.item-list .time b {
    color: #f39800;
}

.item-list .info {
    height: 124px;
    padding: 10px 0;
}

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

.item-list .info p { /* float: right; width: 130px;*/
    width: 100%;
    text-align: center;
    line-height: 18px;
    margin-bottom: 6px;
    color: #aaa;
}

.item-list .info p.name {
    float: none;
    width: 100%;
    text-align: center;
    max-height: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    color: #571600;
    margin-top: 5px;
}

.item-list .info img { /*float: left;*/
    width: 80px;
    height: 80px;
    display: block;
    margin: 0 auto;
}

.item-list .price {
    position: relative;
    *height: 32px;
    line-height: 32px;
    border-top: 1px solid #28282b;
    padding: 10px 0;
}

.item-list .price b {
    color: #f39800;
    font-size: 14px;
}

.item-list .price a.add-to-cart { /*position: absolute; right: 5px; top: 8px;*/
}

.item-list .price .num {
    position: absolute;
    right: 5px;
    top: 10px;
}

.item-list .nums {
    position: relative;
    height: 32px;
    line-height: 32px;
    border-top: 1px solid #28282b;
    padding: 10px 0 0 0;
}

.item-list .nums p {
    position: absolute;
    top: 8px;
    right: 5px;
}

.item-list .nums .numtxt {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0
}

.item-list .nums .numbtn {
    display: inline-block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 34px;
    font-size: 36px;
    background: #f39800;
    color: #38383c;
    border-radius: 2px;
    text-decoration: none;
    vertical-align: middle
}

.item-list .nums .numbtn.minus {
    margin-left: 56px;
}

.item-list .description {
    display: none;
    position: absolute;
    width: 194px;
    background: #e2dec0;
    border-radius: 4px;
    word-break: break-word;
    padding: 7px 8px;
    z-index: 999;
    margin: -5px -3px;

}

.item-list:hover .description {
    *top: 490px;
    text-shadow: 1px 1px 3px #f3efea;
}

.item-list .description:after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 8px solid #e2dec0;
    margin-left: -4px;
}

.item-list .description p {
    padding-bottom: 3px;
    font-size: 13px;
    line-height: 16px;
}

.item-list .description.show {
    display: block;
}


.card-list li {
    float: left;
    width: 23%;
    margin: 1%;
    color: #fff;
}

.card-list li img {
    width: 100%;
}

.card-list .price {
    position: relative;
    width: 90%;
    height: 32px;
    padding: 5px 5%;
    line-height: 32px;
    background: url(../img/obg1.webp) repeat center top;
    font-size: 16px;
}

.card-list .price b {
    color: #f39800;
}

.card-list li .num {
    position: absolute;
    right: 5px;
    top: 5px;
}

.card-list li .num > *, .item-list li .num > * {
    display: inline-block;
    vertical-align: middle;
    *display: inline;
    *zoom: 1;
    text-align: center;
}

/*shopping cart*/
.cart-btn {
    position: fixed;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 33;
    width: 40px;
    /*background: url(../img/bg.jpg) repeat;*/
}

.cart-width {
    width: 600px;
}

.cart-all-btn {
    position: absolute;
    left: 0;
    width: 40px;
    top: 40%;
    z-index: 2;
}

.cart-link, .cart-shortcut {
    display: block;
    height: 32px;
    padding: 8px 0;
    background: #767678;
    font-size: 24px;
    line-height: 32px;
}

.cart-link {
    width: 40px;
    background: url(../img/btns.webp) no-repeat 2px -175px #767678;
    border-bottom: 2px solid #fff;
}

.cart-link:hover {
    background: url(../img/btns.webp) no-repeat 2px -216px #f39800;
}

.cart-shortcut { /*right: 0;*/
    width: 100%;
    height: auto;
    text-align: center;
    background: #f39800;
}

.cart-shortcut > *, .cart-list li > *, .cart-list li .num > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.cart-shortcut b {
    font-weight: normal;
    display: block;
    font-size: 0;
    height: 100px;
    background: url(../img/btns.webp) no-repeat -250px 0;
}

.cart-shortcut em {
    display: block;
    width: 32px;
    height: 40px;
    background: url(../img/btns.webp) no-repeat -335px -6px;
    margin-top: 5px;
}

.cart-shortcut:hover, .cart-shortcut.on {
    background: #f39800;
    color: #303034;
}

.cart-shortcut:hover b, .cart-shortcut.on b {
    border-left-color: #303034;
    background-position: -296px 0;
}

.cart-shortcut:hover em {
    background-position: -372px -6px;
}

.cart-shortcut.on em {
    background-position: -372px -56px
}

.cart-shortcut .num {
    position: absolute;
    left: -14px;
    top: -14px;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 14px;
    border: none;
    padding: 0;
    background: #d70404;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.cart-shortcut:hover .num {
    color: #fff;
}

.cart-list {
    display: none;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding: 30px 4% 30px 60px;
    background: #1e1e1f;
    border-left: 1px solid #f39800;
    color: #fff;
}

.cart-list .shopcartpanel {
    max-height: calc(100vh - 140px);
    overflow: hidden;
}

.cart-list li {
    padding: 5px 0;
    border-bottom: 1px dashed #404040;
}

.cart-list li > * {
    text-align: center;
}

.cart-list li .name {
    width: 55%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cart-list li .num {
    width: 15%;
}

.cart-list li .num span, .card-list li .num span, .item-list li .num span {
    width: 22px;
    color: #f39800;
}

.cart-list li .num a, .card-list li .num a, .item-list li .num a {
    width: 24px;
    height: 24px;
    line-height: 25px;
    background: #3f3f40;
    font-size: 22px;
    border-radius: 3px;
}

.cart-list li .num a:hover, .card-list li .num a:hover, .item-list li .num a:hover {
    text-decoration: none;
    background: #f39800;
    color: #1e1e1f;
}

.cart-list li .price {
    width: 18%;
    margin: 0 1%;
    font-weight: bold;
    font-size: 20px;
    color: #f39800;
}

.cart-list li a.delete {
    text-decoration: underline;
}

.cart-list li a.delete:hover {
    color: #f39800;
}

.cart-pay {
    text-align: right;
    padding-top: 15px;
}

.cart-pay a {
    background: #f39800;
    text-decoration: none;
    color: #1e1e1f;
    padding: 2px 10px;
    border-radius: 3px;
    font-weight: bold;
}

.cart-pay a:hover {
    background: #eb6100;
}

.cart-total {
    text-align: right;
    padding-top: 15px;
}

.cart-list .nothing {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -90px;
    width: 100%;
    text-align: center;
}

.cart-list .nothing a {
    color: #f39800;
}

.cart-list .nothing a:hover {
    text-decoration: underline;
}

.card-list li .num a, .item-list li .num a {
    text-decoration: none;
    background: #f39800;
    color: #1e1e1f;
}

.card-list li .num a:hover, .item-list li .num a:hover {
    background: #ffb53a;
}



.txt_g{
    overflow-x: hidden;
    overflow-y: scroll;
    height: 1060px;
    padding: 5px 10px;
}

.txt_g table{
    border: 1px solid #524032;
}

.txt h4 {
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 0 0 20px
}

.txt table {
    margin: 0 auto 20px auto;
}

.txt td {
    text-align: center;
    font-weight: 700;
    padding: 0 0 5px;
    color: #000;
    background: none;
}

.txt p {
    *padding: 0 20px 20px 20px;
}

.txt img {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 15px;
}

.txt1 table {
    margin: 0 0 20px 10px
}

.txt1 td {
    text-align: left;
    font-weight: 700;
    padding: 0 0 5px
}

.txt1 p {
    padding: 0 20px 20px 20px;
}

.icon_01 {
    background: url(../img/cs_btn.webp) no-repeat 0 -133px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_01 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_02 {
    background: url(../img/cs_btn.webp) no-repeat -58px -133px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_02 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_03 {
    background: url(../img/cs_btn.webp) no-repeat -128px -134px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_03 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_04 {
    background: url(../img/cs_btn.webp) no-repeat -195px -134px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_04 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_05 {
    background: url(../img/cs_btn.webp) no-repeat -253px -134px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_05 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_06 {
    background: url(../img/cs_btn.webp) no-repeat 0 -210px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_06 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_07 {
    background: url(../img/cs_btn.webp) no-repeat -58px -210px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_07 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_08 {
    background: url(../img/cs_btn.webp) no-repeat 0 -285px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_08 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_09 {
    background: url(../img/cs_btn.webp) no-repeat -72px -285px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_09 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_10 {
    background: url(../img/cs_btn.webp) no-repeat -140px -285px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_10 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_11 {
    background: url(../img/cs_btn.webp) no-repeat -201px -285px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_11 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_12 {
    background: url(../img/cs_btn.webp) no-repeat 0 -358px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_12 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_13 {
    background: url(../img/cs_btn.webp) no-repeat -60px -358px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_13 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_14 {
    background: url(../img/cs_btn.webp) no-repeat -134px -358px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_14 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_15 {
    background: url(../img/cs_btn.webp) no-repeat -196px -358px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_15 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_16 {
    background: url(../img/cs_btn.webp) no-repeat -256px -358px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_16 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_18 {
    background: url(../img/cs_btn.webp) no-repeat -255px -358px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_18 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}

.icon_17 {
    background: url(../img/cs_btn.webp) no-repeat -196px -210px;
    width: 45px;
    height: 45px;
    margin: 0 auto
}

.icon_17 a {
    display: block;
    width: 45px;
    height: 45px;
    text-indent: -999em;
    overflow: hidden;
}


.info_con {
    padding: 10px 0 30px;
    _height: 1%;
    overflow: hidden
}

.info_con .l {
    width: 500px;
    float: left
}

.info_con .r {
    width: 100px;
    float: left;
    padding: 0 0 0 40px
}

.info_con .l p {
    line-height: 24px
}

.txt a {
    text-decoration: none;
    color: #a64604
}

.txt a:hover {
    text-decoration: underline;
    color: #eb6100;
}

.bj01 {
    background-position: top;
}

.si_font01 {
    padding-bottom: 55px
}

.font01 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 12pt;
    color: #6a5151;
    text-decoration: none;
    padding: 2px;
}

.hyc {
    height: 80px;
    width: 110px;
    padding-top: 58px;
    padding-left: 36px;
    overflow: hidden;
}

.links {
    color: #9e3a3a;
    text-decoration: underline;
}

.links:hover {
    color: #cc0000;
    text-decoration: none;
}

.inpu {
    background-image: url(https://hsimages.99.com/account/1212.gif);
    background-repeat: repeat-x;
    border: 1px solid #9BA4AC;
}

.bj001 {
    background-repeat: repeat-x;
    background-position: top;
}

.bgtop {
    height: 22px
}

.bgm {
    padding: 8px;
    width: 821px !important;
    width: 829px
}

.bgbottom {
    height: 23px;
    margin-bottom: 70px
}

.style3 {
    font-weight: bold
}

.style6 {
    color: #009900
}

.stylered {
    color: #FF0000;
    font-weight: bold;
}

.cutline {
    width: 95%;
    border-bottom: 1px solid #ccc
}

.stylered {
    color: #FF0000;
    font-weight: bold;
}

.style1 {
    color: #990000
}

.style3 {
    font-weight: bold
}

.style6 {
    color: #009900
}

.style11 {
    color: #990000;
    margin-left: 4px;
}

.style31 {
    font-weight: bold
}

.style61 {
    color: #009900
}

.stylered1 {
    color: #FF0000;
    font-weight: bold;
}

.tips {
    background-color: #970000;
}

.cline {
    height: 18px;
    margin: auto
}

.bj01 table {
    margin: auto
}

.fleft td {
    text-align: left;
    padding: 5px 0;
}

.fleft td span#txtAccount_info {
    overflow-wrap: anywhere;
}

.public_bm_table {
    text-align: center;
    float: none;
    margin: 0 auto;
}

/*table style*/
.public_bm_td1 {
}

/*td of logo*/
.public_bm_td2 {
    color: #5E5E5E;
}

.public_bm_td2 a {
    font-weight: bold;
    color: #5E5E5E;
    text-decoration: none
}

.public_bm_td2 a:hover {
    color: #000000;
    text-decoration: underline
}


.validation input {
    float: left;
    height: 20px;
    margin: 10px 5px 0 0;
}

.submit_buttom input {
    padding: 5px 10px;
    margin-top: 15px;
}

button {
    outline: none;
    border: 0;
    background: transparent;
}

.error-message {
    color: #e41212;
    font-size: 18px;
    margin: 18px;
    text-decoration: underline;
}

.soldier2 {
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: left;
}

.soldier2 td {
    padding: 0 2px;
}

.btn_submit {
    margin: 0 auto;
    line-height: 40px;
    color: #fff;
    background: #418898;
    text-align: center;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 20px;
}

.btn_submit:hover {
    background: #eca24e;
}

.con_right {
    padding: 20px 10px;
    color: #444;
    font-weight: bold;
}

.txt1_1 {
    line-height: 22px;
}

.txt1_1 table {
    margin: 0;
}

.txt1_1 table td {
    height: 36px;
}

.txt1_1 table td a {
    color: #A64604;
}

.txt1_1 table td.btntd {
    padding: 10px 0;
}

.txt1_1 table .input {
    height: 18px;
}

.txt1_1 table input.btn_submit {
    background: url(../img/btn_tq.webp) no-repeat left -87px;
    width: 95px;
    height: 29px;
    cursor: pointer;
    border: none;
}

.txt1_1 p {
    padding: 0px 0px 10px 0px;
    margin: 10px;
}

.txt1_1 .reply_con p {
    width: 650px;
}

.ticketstyle td {
    border: 1px solid #aaaaaa
}

.ticketstyle input, .ticketstyle textarea {
    border: 1px solid #ccc;
    padding: 3px;
}

.red {
    color: #A64604;
    width: 419px;
}

.blue {
    color: #14ADD9;
    display: block;
}

.info_con {
    padding: 10px 15px;
}

.info_con h4 {
    font-size: 13px;
    padding: 10px 0;
    cursor: pointer;
}

.info_con .undist {
    line-height: 20px;
    padding-left: 25px;
}

.ticketstyle.ticketstyle th { position: relative; line-height: 20px; padding: 10px 0; }
/*.ticketstyle.ticketstyle th .badge { position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; right: auto; top: auto; min-width: 14px; width: auto; height: 20px; line-height: 20px; padding: 0 3px; }*/
.ticketstyle.ticketstyle th .badge { position: absolute; display: block; right: 0; top: 0; min-width: 14px; width: auto; height: 20px; line-height: 20px; padding: 0 3px; }
.ticketstyle.ticketstyle th > .atitle { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 50%; line-height: 20px; margin-right: 5px; text-align: center; }

.ticketstyle strong { color: #4e1919; margin-right: 5px; }
.ticketstyle input, .ticketstyle select { margin: 0 0 8px 0; height: 26px; line-height: 26px; vertical-align: middle; }
.ticketstyle input[type="radio"], .ticketstyle input[type="checkbox"] { margin: 0; }
.ticketstyle input[type="text"], .ticketstyle select, .ticketstyle input#txtNewEmail, .ticketstyle input#txtConfirmEmail, .ticketstyle input[type="password"] { width: 250px; }
.ticketstyle select { width: 254px; }
.ticketstyle input[type="text"]#txtValidater, .ticketstyle input[type="text"]#txtValCode_CheckEmail, .ticketstyle input[type="text"]#txtCheckCode, .ticketstyle input[type="text"]#txtValCode_CheckHistoryPassword, .ticketstyle input[type="text"]#txtCheckCodeCheckPasswordSafe, .ticketstyle input[type="text"]#newMobileSendCheckCode, .ticketstyle input[type="text"]#chMobileSendCheckCode, .ticketstyle input[type="text"]#txtCheckCodeCheckSecurityToken { width: 150px; }
.ticketstyle textarea { width: 250px; }
.ticketstyle .add_input input { margin: 0; }
.ticketstyle a { color: #ae6d00; font-weight: bold; }
.ticketstyle th a { color: #dd8b00; font-weight: bold; }
.ticketstyle a:hover { text-decoration: underline; }
.ticketstyle td { padding: 10px 3px; vertical-align: top;text-align: center}
.ticketstyle input.btn_submit1, .ticketstyle input.btn_submit, .ticketstyle input.btnNext, .cbtn { display: block; width: 140px; height: 40px; margin: 0 auto; line-height: 40px; color: #fff; background: #418898; text-align: center; border-radius: 5px; border: none; cursor: pointer; font-size: 18px; font-weight: bold; }
.ticketstyle .btn_submit1:hover, .ticketstyle .btn_submit:hover, .ticketstyle input.btnNext:hover, .cbtn:hover { background: #eca24e; }
.ticketstyle input.btn_submit#btn_Check, .ticketstyle input.btn_submit#btn_forgetsecurity { display: inline-block; *display: inline; *zoom: 1; }
.ticketstyle input.btn_submit#btn_forgetsecurity { width: auto; padding: 0 10px; }

.ticketstyle th { background: #4e1919; color: #fff; line-height: 32px; }


.tt_4 { margin:10px auto 20px; padding-left:55px;}
.tt_4 h3 { margin:15px 0 10px 0;}
.tt_4s h3 { margin:30px 0 50px;}
.tt_5 h3 { margin:0;}
.tt_4 .tt_ul {
    width: 446px;
    border: 1px solid #ccc;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(204, 204, 204);
    border-top: none;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    background-color: #e8e8e8;
}

con_right{padding:20px 10px; color:#444; font-weight:bold;}
.txt1_1 { line-height:22px;}
.txt1_1 table{ margin:0; }
.txt1_1 table td{height:36px;}
.txt1_1 table td a{color:#A64604;}
.txt1_1 table td.btntd{padding:10px 0;}
.txt1_1 table .input{height:18px;}
.txt1_1 table input.btn_submit{ background:url(../img/btn_tq.webp) repeat-x;padding:0 10px;height:29px;cursor:pointer; border:none; color:#FFF; font-weight:bold; float:left; }
.txt1_1 table input.btn_submit1, .txt1_1 table button.btn_submit1{ background:url(../img/btn_tq.webp) no-repeat left -87px; width:95px;height:29px;cursor:pointer; border:none; }
.txt1_1 table em.btn_left{ background:url(../img/btn_tq.webp) no-repeat;width:5px; height:29px; display:block;float:left; margin-left: 20px}
.txt1_1 table em.btn_right{ background:url(../img/btn_tq.webp) no-repeat;width:5px; height:29px; display:block;float:left; }
.txt1_1 p { padding:0px 0px 10px 0px; margin:10px;}
.txt1_1 .reply_con p { width:650px;}
.maintable td { border:1px solid #b1b1b1;}
.maintable input,.maintable textarea { border:1px solid #ccc; padding:3px;}
.red{ color:#A64604; width:419px;}
.blue{ color:#14ADD9; display:block;}
.info_con { padding:10px 15px;}
.info_con h4 { font-size:13px; padding:10px 0; cursor:pointer;}
.info_con .undist { line-height:20px; padding-left:25px;}

/*pages*/
.m_page { padding:20px 0; margin:0 auto; text-align:center;}
.m_page .p_btn { padding:2px 5px; border:1px solid #cfd3d4; background:#f5f6f5; color:#313131; margin:0 2px;}
.m_page .m_pnum a { border:1px solid #d6dbda; padding:2px 5px; background:#fbfafd; margin:0 2px;}
.m_page .m_pnum .current { border:1px solid #c9621a; background:#d77630; padding:2px 5px; margin:0 2px;}

.tt_5 .tt_ul { width:288px;}
.tt_4 .tt_ul ul { padding-left:10px; }
.tt_4 h3 a { display:block; height:48px; line-height:48px; width:285px; padding-left:10px; padding-right:5px; cursor:pointer; font-size:13px; color:#444;}
.tt_4_s h3 a { width:185px; }
.tt_4 h3 a:hover { text-decoration:none;}
.tt_4 h3 img { display:inline-block; padding-right:5px;}
.tt_4 li { padding:3px 5px; line-height:18px;}
.tt_4 .its a span { font-size:12px; line-height:19px; display:inline-block; font-weight:normal; color:#444;}
.tt_4 .its a:hover span { color:#000;}
.tt_4 a { color:#000;}

#divRemove,#divAdd { display:block; text-align:center; cursor:pointer; width:30px;}
.add_input input { margin:5px;}


.ticketinfo { font-size: 14px; width: 100%}
.ticketinfo td{ padding: 5px;}

.ticketinfo textarea {
    width: 98%;
    max-width: 98px;
    min-width: 98%;
    height: 250px;
    max-height: 250px;
    outline: none;
    border: 1px solid #6C3A08;
    background-color: rgba(255, 255, 255, 0.38);
    padding: 5px;
}
.ticketinfo span{
    color: #9d6c25;
    font-weight: 600;
    text-decoration: underline;
}

#tbx_reply{height: 70px}

.format_font p{
    padding: unset !important;
    margin: 0 !important;
    color: #000000;
    font-size: 12px;
}

td a{
    cursor: pointer;
}

.article-list{
    padding: 0px 20px;
    height: 1060px;
    overflow-y: scroll;
}
#pageNum{text-align: center}

.popup{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #04020fb8;
    display: block;
    top: 0;
    left: 0;
    z-index: 9999999993;
}

.popup .body{
    position: absolute;
    width: 400px;
    height: 300px;
    background: #b9babe;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px;
    border: 1px solid #ead8d9;
}

.popup .p-header{
    background: url("../img/popup-header.webp") no-repeat center center;
    width: 100%;
    height: 31px;
    align-items: center;
    align-content: center;
    text-align: center;
}
.popup .p-header h2 {
    margin-left: 10px;
    color: #ffffff;
}
.popup .p-header span{
    color: #ffffff;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    margin: 0 15px;
    cursor: pointer;
}
.popup .p-header span:hover{
    color: #e7620a;
}

.popup .p-content{
    height: 200px;
    align-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: #484848;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
}
.popup .p-footer{
    width: 100%;
    text-align: center;
}
.popup .ok-btn, .popup .cancel-btn,.popup button{
    margin: auto;
    outline: none;
    border: none;
    background: transparent;
}

.popup .ok-btn, .popup .cancel-btn{
    width: 147px;
    height: 32px;
    text-indent: -999em;
}
.popup .ok-btn{
    background: url("../img/ok_bt.gif");
}

.popup .cancel-btn{
    background: url("../img/cancel_bt.gif");
}


.pn-select {
    display: grid;
    grid-template-columns: 4.5em 1fr;
    float: inline-end;
    width: 248px;
}
.pn-select:focus, .pn-select:focus-within {
    border-color: var(--border-color-active);
    box-shadow: 0 0 2px 0 var(--border-color-active);
}

.pn-dropdown {
    background: #fff;
    position: absolute;
    transform-origin: left top;
    transition: all 0.15s ease-out;
    visibility: hidden;
    border: 1px solid #8f8f9d;
    width: 273px;
}
.pn-select--open .pn-dropdown {
    pointer-events: all;
    transform: none;
    opacity: 1;
    /*! top: 100%; */
    visibility: visible;
    margin-top: 30px;
}

.pn-search {
    position: relative;
    display: flex;
    margin-bottom: 5px;
}
.pn-search svg {
    display: block;
    height: 1rem;
    left: 0.5em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
}
.pn-search input[type=search] {
    padding-left: 2.5rem;
    height: 2rem;
    width: 100%;
    border: none;
    border-bottom: 1px solid #8f8f9d;
}

.pn-list {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #ffffff #ffffff;
    position: relative;
    height: 190px;
    padding: 0px 10px;
}
.pn-list:hover {
    --scrollbar-background: #ffffff;
    --thumb-background: #c0c4ca;
    scrollbar-color: var(--thumb-background) var(--scrollbar-background);
}
.pn-list--no-scroll {
    margin-right: 0;
}

.pn-selected-prefix {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 40px;
    padding: 0 2px;
}
.pn-selected-prefix:hover, .pn-selected-prefix:focus {
    background: var(--dropdown-trigger-hover-background-color);
}
.pn-selected-prefix__flag {
    height: auto;
    width: 1rem;
}
.pn-selected-prefix__icon {
    display: block;
    height: 1rem;
    transition: all 0.15s ease-out;
    width: 1.25rem;
}
.pn-select--open .pn-selected-prefix__icon {
    transform: rotate(180deg);
}

.pn-input {
}

.pn-input input {
    font-size: 16px
}
.pn-input__container {
    display: flex;
    flex-direction: row;
}
.pn-input__error {
    bottom: 0;
    color: var(--input-error-color);
    font-size: 0.785rem;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: all 0.2s ease-out;
    z-index: -1;
}
.pn-input input[type=text] {
    background: #fff;
    color: #736565;
    max-width: 34px;
    pointer-events: none;
    border: 1px solid #8f8f9d;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgb(143, 143, 157);
    border-right: 0;
    margin-left: -21px;
    padding: 2px;
}
.pn-input input[type=tel] {
    font-weight: 500;
    background: #fff;
    border: 1px solid #8f8f9d;
    border-left: 0;
    outline: 0;
    padding: 2px;
}
.pn-input input[type=tel]:not(:placeholder-shown):invalid + .pn-input__error {
    opacity: 1;
    transform: translateY(25%);
}

.pn-list-item {
    align-items: center;
    border-radius: 0.5em;
    display: flex;
    font-weight: 400;
    transition: background-color 0.2s ease-out;
    cursor: pointer;
    outline: none;
}
.pn-list-item__flag {
    width: 1.25em;
    height: auto;
    margin-right: 1em;
    display: block;
}
.pn-list-item__country {
    margin-right: 0.25em;
}
.pn-list-item:hover, .pn-list-item:focus {
    color: #dc4d0e;
}
.pn-list-item--selected {
    pointer-events: none;
    font-weight: 500;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23103155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-position: right 0.75em top 50%;
    background-repeat: no-repeat;
    background-size: 1.25rem;
}
.pn-list-item--no-results {
    pointer-events: none;
}