@charset "utf-8";
/* CSS Document */
.w100{ width:100%; display:inline-block}
.w1000{ max-width:1000px;}
.red{ color: #f00;}
.navbar-header{z-index:9999999}
.padding_top{ margin-top:0px;}
.navbar-inverse .navbar-nav>li>a{ color:#fff; padding:25px 15px; display:inline-block}
.navbar-inverse{ background:#333; border:none;z-index: 9999999;}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav li a.active {  background: #535252;  color: #fff!important;}
.logo{width:160px; text-align:center;}
.navbar-inverse .navbar-brand{ color:#FFFFFF; height:auto;}
.navbar-toggle{ margin-top:20px;}
.ac-gn-bagview-caret{overflow: hidden; position: absolute;  top: -7px;      left: 33%; width: 100%;  height: 7.5px;  z-index: 1;}
.ac-gn-bagview-caret:after {  left: 50%;  border: 1px #f5f5f5 solid;  background-color: #f5f5f5;  content: "";  display: block;  position: absolute;
    top: 0;  width: 15px;  height: 15px;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);  -webkit-transform-origin: 0% 0;
    -ms-transform-origin: 0% 0;  transform-origin: 0% 0;  z-index: 1;
}
.ac-gn-bagview-caret-large{ left:-3%;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{background-color: #535252;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background-color: #535252;}
.navbar-inverse .navbar-nav>.current>a, .navbar-inverse .navbar-nav>.current>a:focus{background-color: #f5f5f5; color:#333}

.search_menu,.cart_menu{ background:#f5f5f5;}
.lang_menu{background:#535252;}
.search_menu .search_form{ border:1px #ddd solid; float:left;width: 100%;}
.search_menu .search_text{ border:none; float:left; height:40px; line-height:40px; padding-left:10px; background:#f5f5f5;outline:none; width:85%;}
.search_menu .search_btn{ border:none; width:30px; height:30px; float:left; margin:5px 10px 0 0;background: none;  color: #333; font-weight: bold;}
.search_menu .search_btn .iconfont{ font-size: 18px;}
.user_menu{ background:#f5f5f5; min-width:120px; z-index:99999;}
.user_menu .user_menu_box{ margin:0; padding:0px;z-index:99999;}
.user_menu .user_menu_box li{ list-style:none; display:inline-block; line-height:1.5; height:auto; width:100%}
.user_menu .user_menu_box li a{ color:#000; line-height:1.5; height:auto;overflow: hidden; width:100%; display:block; text-decoration:none; text-align:center;padding: 10px 0;}
.user_menu .user_menu_box li a:hover{ background:#ddd;}
/*弹窗*/
.popup_home_box{position: fixed;left:0;right: 0;top: 0;bottom:0;background: rgba(0,0,0,.5);z-index: 999999999;display: none;}
.popup_home{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width: 860px;z-index: 999999999;background-color: #fffbef;border-radius: 8px}
.popup_home_img{width: 100%;height: auto;/*box-shadow: 5px 5px 20px rgba(0,0,0,.5), 5px -5px 20px rgba(0,0,0,.5), -5px 5px 20px rgba(0,0,0,.5), -5px -5px 20px rgba(0,0,0,.5);*/}
.close_home{position: absolute;right:20px;top:20px;font-weight: bold;width: 35px;height: 35px; border-radius: 50%;text-align: center;line-height: 35px;color: rgba(0, 0, 0, 0.88);cursor: pointer;}
.close-box-content{
    display: flex;
    justify-content: space-between;
    padding: 5px 0 10px;
    background-color: #fffbef;
    box-sizing: border-box;
    border-radius: 0 0 8px 8px;
}
.close-box-content .close-list{
    text-align: center;
    width: 50%;
    cursor: pointer;
    font-size: 16px;
}
.new_popup_home_box{position: fixed;left:0;right: 0;top: 0;bottom:0;background: rgba(0,0,0,.5);z-index: 999999999;display: none;}
.new_popup_home{
    position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width: 860px;z-index: 999999999;
    width: 924px;
    /* height: 450px; */
    background: #fff;
    /* opacity: 0.5; */
    /* border-radius: 8px; */
    color: #000;
    font-family: HYQiHei;
    padding: 18px;
    /* background-size: 450px 450px; */
    border-radius: 18px;
}
.new_popup_home .close_home{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #fff;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.new_popup_home .popup_home_title{ text-align: center;}
.new_popup_home .popup_home_sub_title{
   
    font-weight: 700;
font-size: 18px;
color: rgba(0,0,0,0.88);
line-height: 26px;
width: 90%;
}
.new_popup_home .popup_home_sub_title span{
    font-size: 26px;
    margin-left: 12px;
}
.new_popup_home .popup_home_down_title{
    font-weight: 400;
font-size: 14px;
color: rgba(0,0,0,0.88);
line-height: 20px;
margin-top: 8px;
font-weight: 700;
}
.new_popup_home .popup_home_submit{

}
.new_popup_home .popup_home_submit input::placeholder{
    color: #CECCD3;
}
.new_popup_home .popup_home_submit input{
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    border-radius: 8px;
    font-size: 16px;
    color: #CECCD3;
    border: 1px solid #CECCD3;
    margin-top: 12px;
    padding: 0 15px;
   

}
.new_popup_home .popup_home_submit .popup_home_botton{
    display: inline-block;
    height: 48px;
    background: #FF640A;
    border-radius: 36px;
    font-size: 16px;
    text-align: center;
    margin-top: 16px;
    color: #FFFFFF;
    line-height: 48px;
    padding: 0 18px;
    cursor: pointer;
}
.new_popup_home .popup_home_submit .popup_mail_tips{
    color: red;
    font-size: 16px;
    opacity: 0;
}
.new_popup_home .popup_home_titletwo div{
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}
.new_popup_home .popup_home_titletwo .popup_home_title_ls{
    font-weight: bold;
    font-size: 28px;
    margin:104px 0 32px;
}
.new_popup_home .popup_home_copy{
    padding:0 40px;
    margin: 56px 0 0px;
    height: 56px;
    line-height: 56px;
    display: flex;
    font-size: 20px;
}
.new_popup_home .popup_home_code{
    background: #FFFFFF;
    flex: 1;
    text-align: center;
    border-radius: 8px 0px 0px 8px;
    color: #EE4624;
}
.new_popup_home .popup_code{
    width: 109px;
    border-radius: 0px 8px 8px 0px;
    background: #FF640A;
    text-align: center;
    cursor: pointer;
}
.new_popup_home .popup_home_SHOPNOW{
    margin-top: 40px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    text-decoration: underline !important;
}
.close-box-content .close-list:first-child{
    border-inline-end: 1px solid;
}
.new_popup_home .copy-success{
    display: none;
    font-size: 18px;
    font-family: HYQiHei;
    color: #fff;
    min-width: 100px;
    position: absolute;
    background-color: rgba(0,0,0,.8);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 4px;
    box-shadow: none;
    padding: 15px 35px;
}
@media all and (max-width: 860px){
    .popup_home{width: 90%;}
}
/*弹窗*/
/*轮播上文字*/
a, a:hover {text-decoration: none; }
iframe { width: 1200px; }
#swiper .swiper-wrapper {margin-bottom: 30px; }
#swiper .swiper-slide {position: relative; }
#swiper .swiper-slide img { width: 100%;height: auto; }
.swiper-pagination-white .swiper-pagination-bullet-active {background: #333!important; }
.w_1200 {max-width: 1200px;margin: 0 auto; }
.w_1400{ max-width: 1440px;margin: 0 auto;}
.w_1200_te{max-width: 1240px;margin: 0 auto;padding: 0 20px;}
.xp__text-banner {position: absolute;width: -webkit-calc(100% - 16px);width: calc(100% - 16px); }
.xp__text-banner .xp__text-banner_link {vertical-align: middle;padding-bottom: 6px;font-size: 11px;letter-spacing: 1.7px; font-weight: bold;
    text-transform: uppercase;position: relative;top: 3px; margin-right: 20px;
}
.xp__text-banner .cta-button {color: #363636;display: inline-block;position: relative; padding: 20px 38px 20px 40px; overflow: hidden;font-size: 12px;font-weight: 800;
    line-height: 1;letter-spacing: .2em;text-align: center;text-decoration: none;text-transform: uppercase;cursor: pointer;background-color: transparent;
    background-repeat: no-repeat;background-position: 0 0, 0 100%; background-size: 100% 100%, 100% 100%;border: 1px solid;-webkit-border-radius: 40px;
    border-radius: 40px; outline: 0;-webkit-transition: .2s ease-in;transition: .2s ease-in;background-clip: border-box;z-index: 1;
}
.xp__text-banner .xp__text-banner_title {font-size: 38px;font-weight: bold;letter-spacing: normal; margin-bottom: 28px;line-height: 100%; }
.xp__text-banner .xp__text-banner_description {font-size: 15px;font-weight: 400; }
.xp__text-banner .xp__text-banner_container {margin-right: 0;margin-top: 40px; }
.xp__text-banner .xp__text-banner_container .xp__text-banner_link {color: #fff;border-bottom: 1px solid #fff; }
.xp__text-banner .xp__text-banner_container .cta-button {vertical-align: middle;font-size: 11px;letter-spacing: 1.7px;padding: 16px 57px 15px 59px;font-weight: 700; }

.xp__text-banner.white-theme .xp__text-banner_title {color: #000; }
.xp__text-banner.white-theme .xp__text-banner_description {color: #000; }
.xp__text-banner.white-theme .xp__text-banner_link {color: #000;border-bottom: 1px solid #000; }
.xp__text-banner.white-theme .xp__text-banner_link:hover {border-bottom-color: #1428A0;color: #1428A0; }
.xp__text-banner.white-theme .cta-button {color: #000;vertical-align: middle; }
.xp__text-banner.white-theme .cta-button:hover {color: #fff;background-color: #000; }
.xp__text-banner.dark-theme .xp__text-banner_title {color: #fff; }
.xp__text-banner.dark-theme .xp__text-banner_description {color: #fff; }
.xp__text-banner.dark-theme .cta-button {color: #fff;vertical-align: middle; }
.xp__text-banner.dark-theme .xp__text-banner_link {color: #fff;border-bottom: 1px solid #fff; }
.xp__text-banner.dark-theme .xp__text-banner_link:hover {border-bottom-color: #00B3E3; color: #00B3E3; }
.xp__text-banner.dark-theme .cta-button {color: #fff; vertical-align: middle; }
.xp__text-banner.dark-theme .cta-button:hover {color: #000; background-color: #fff; }
/*轮播上文字 end*/

/*视频*/
.xp_home_video {height: auto;overflow: hidden;padding: 30px 0;}
.xp_home_video .home_video_title { font-size: 28px;margin: 20px auto 0;max-width: 40ch;line-height: 1;text-align: center; }
.xp_home_video .home_video_box {height: auto;overflow: hidden; margin-top: 16px;}
.xp_home_video .home_video_box .video_block {
    /*width: 33.33%;*/
    position: relative;
    color: #fff;
    /*float: left;*/
    overflow: hidden
}

.xp_home_video .home_video_box .video_block img {width: 100%; height: auto; transition: 0.5s;}
.xp_home_video .home_video_box .video_block .video_section-play {
    display: block;position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%; cursor: pointer;

}

.xp_home_video .home_video_box .video_block .video_section-play:hover .video_section__playBtn{
    background: url(https://resource.xp-pen.com/newxp/static/images/swiper_img/btn_player_type2_hover.webp) no-repeat;background-size: 100%;
}
.xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn {
    cursor: pointer;display: block; width: 46px;height: 46px;position: absolute;
    -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 50%;
    opacity: 1;background: url(https://resource.xp-pen.com/newxp/static/images/swiper_img/btn_player_type1_over.webp) no-repeat; background-size: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);text-indent: -9999px;overflow: hidden;
}
.xp_home_video .home_video_box .video_block .video_block_text {
    position: absolute; bottom: 20px;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);
    transform: translateX(-50%);font-size: 18px; max-width: 24ch;text-align: left;font-weight: 700;width: 100%;pointer-events: none;
}
.xp_home_video .home_video_box .video_block .video-overlay-background {
    display: none;background: rgba(0, 0, 0, 0.7);cursor: default;bottom: 0;height: 100%;left: 0;opacity: 0;position: fixed; right: 0;
    top: 0;-webkit-transition: opacity .3s ease-out;transition: opacity .3s ease-out;width: 100%;z-index: -1;
}
.xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container {
    z-index: 10001;display: block;position: absolute;height: 70%;left: 50%;top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);zoom: 1;width: 1200px;
}
.xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container .close-button {
    display: block;cursor: pointer;height: 3vw;line-height: 3vw;position: absolute; right: 2vw;top: 2vw;font-size: 3vw;width: 3vw;z-index: 99;
}
.xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container .yt-video-player {
    bottom: 0;height: 100%;left: 0;position: absolute;right: 0; top: 0;width: 100%;
}
.xp_home_video .home_video_box .video_block .info {opacity: 1;z-index: 1000; }
/*视频end*/

@media (min-width: 769px) {
    .xp__text-banner.middle-right {text-align: left;left: 58.3%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
    .xp__text-banner.middle-left {text-align: left;left: 8.3%; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
    .xp__text-banner {width: 31%; }
    .xp__text-banner .xp__text-banner_description {font-size: 20px;font-weight: normal;letter-spacing: normal;line-height: 1.71; }
}
@media (max-width: 1200px) {
    .xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container { width: 90%;height: 600px; }
    iframe { width: 100%; }
}
@media (max-width: 1279px) and (min-width: 1024px) {
    .xp__text-banner { width: 35%; }
}
@media (max-width: 1023px) and (min-width: 769px) {
    .xp__text-banner {width: 42%; }
}




/*购物车*/
.cart_menu_box,.cart_menu_box dd dt{ margin:0px; padding:0;}
.cart_menu_box dd{ width:100%; display:inline-block; margin-top:10px; padding-bottom:10px;}
.cart_menu_box dd .cart_img{ float:left; width:30%;}
.cart_menu_box dd .cart_img a{ line-height:50px; height:50px;}
.cart_menu_box dd .cart_img img{ width:50px; height:50px;}
.cart_menu_box dd .cart_shop{ float:left; width:70%;overflow:hidden; display:block;white-space:normal; word-break:break-all; text-align:left; font-size:12px;}
.cart_menu_box dd .cart_shop a{ height:30px; line-height:15px; width:95%; display:inline-block; color:#000;text-align:left; overflow:hidden;}
.cart_menu_box dd .cart_shop span{ display:inline-block; width:100%;}
.cart_menu_box dd .cart_shop span strong{    color: #e01d20;    font-weight: 400;    font-family: Arial,Helvetica,sans-serif;}
.cart_menu_box dd .cart_shop span b{ margin:0 10px; font-weight:100;}
.cart_menu_box dd .cart_shop .keyname{ width:100%; color:#666; font-size:10px}
.cart_menu_box dd p{display:inline-block; width:100%; font-size:12px;}
.cart_menu_box dt{ text-align:center; width:100%;}
.cart_menu_box dd p em{    color: #e01d20;    font-size: 16px;    margin: 0 4px;    position: relative;    top: 1px;    font-family: Arial,Helvetica,sans-serif;    font-style: normal;}
.cart_menu_box dd p b{    font-weight: 400;    font-size: 16px;    color: #e01d20;    margin-left: 4px;    font-family: Arial,Helvetica,sans-serif;}
.cart_menu_box dt a{ height:40px!important; line-height:40px!important; color:#FFFFFF; background:#38a2f5; font-size:14px; width:95%!important; display:inline-block;border-radius: 5px}
#cart_icon span{ background-color: var(--main-color);display:none}
.micart-xg{ font-size:12px;}
.coupon_open_boxs{ width:100%; display:inline-block; padding:10px 0;}
.coupon_open_boxs .img{ float:left; margin-right:15px; width:60px;}
.coupon_open_boxs .img img{ max-width:100%;}
.coupon_open_boxs .coupon_open_info{ float:left; width:260px; color:#333;}
.coupon_open_boxs h3{ margin:0 0 5px 0; padding:0; font-size:18px;}
.coupon_open_boxs .user_condition{float: left;width: 100%;line-height: 15px;max-height: 45px;overflow: hidden;    font-size: 10px;}
.coupon_open_boxs .Checkout{ font-size:10px; margin-top:0px; display:inline-block; width:100%;}

/*头部语言*/
.lang_menu .lang_menu_box{ margin:0; padding:0;}
.lang_menu .lang_menu_box li{ width:100%;  border-bottom:1px solid #9a9999; list-style:none; text-align:center; display:inline-block}
.lang_menu .lang_menu_box li a{ color:#FFF;height:36px; line-height:36px; font-size:14px;display:inline-block; text-decoration:none; width:100%;}
.lang_menu .lang_menu_box li a:hover{ background:#fff; color:#000;}
.lang_menu .lang_menu_box li a img{ margin-right:8px; width:30px; height:20px;}
.lang_menu .lang_menu_box li span{}

.navbar-inverse .member a.dropdown-toggle{ padding:20px 20px;max-width: 200px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.navbar-inverse .member .active a.dropdown-toggle{padding:20px 20px;}
.member .dropdown-toggle img{ width:30px; height:30px;border-radius: 50%;}
.member .dropdown-toggle .userImg{ font-size:26px; width:30px; height:30px; display: flex; align-items: center; justify-content: center;}
.navbar-right .dropdown-menu.user_menu {  left: -35%;  right: 0; border:none; padding:10px 0;}
.navbar-right .dropdown-menu.search_menu {    right: -135%; border:none; padding:10px 15px; min-width:300px;}
.navbar-right .dropdown-menu.cart_menu {  right: 0; border:none; padding:10px 15px 0px 15px; min-width:300px;    max-height: 500px;    overflow-y: auto;    overflow-x: hidden;}
.navbar-right .dropdown-menu.lang_menu {    right: 0; border:none; padding:0; min-width:80px; overflow:hidden;}
.navbar-inverse .navbar-collapse.in .navbar-nav>li>a { padding:10px 15px;}


/*首页四个广告图*/
.four_ad_box{ border-top:2px #fff solid; border-bottom:2px #fff solid; background:#f5f5f5; margin:0px; padding:0px;}
.four_ad_box ul{ margin:0px; padding:0px;}
.four_ad_box ul li{ list-style:none; text-align:center;margin: 0;}
.four_ad_box ul li .box{ display:inline-block; border-right:2px #fff solid;  padding: 0 0 15px 0;}
.four_ad_box ul li:last-child .box{ border-right:none;}
.four_ad_box ul li a{ color:#000; text-decoration:none; font-weight:500; display:inline-block;}
.four_ad_box ul li a:hover{ color:#38a2f4;}
.four_ad_box ul li .title{ width:100%; display:inline-block; font-size:18px; margin-top:20px; margin-bottom:2px;}
.four_ad_box ul li .description{ width:100%; display:inline-block; font-size:14px; margin-bottom:15px;}
.four_ad_box ul li .imgage{ width:100%; display:inline-block;}

/*网站底部*/
.footer{ background:#333; width:100%;}
.footer .footer_menu{ display:inline-block; width:100%; padding-top:40px; padding-bottom:60px; border-bottom:1px #999 solid;}
.footer .footer_menu dl{ display:inline-block; width:19%; margin:0px; padding:0px; overflow:hidden; text-align:center; float:left;}
.footer .footer_menu dl dt{ font-size:14px; color:#fff; margin-bottom:15px;}
.footer .footer_menu dl dd{ width:100%; display:inline-block; line-height:20px;}
.footer .footer_menu dl dd a{ color:#fff; font-size:12px;}
.footer .footer_menu dl dd a:hover{color:#38a2f4;}
.footer .footer_content{ display:inline-block; width:100%; height:50px; line-height:50px; color:#fff; font-size:12px;}
.footer .footer_content a,.footer .footer_content p{ color:#fff; margin:0; padding:0;}

/*登录页面*/
.login_bg{ width:100%; display:inline-block; background:url(https://resource.xp-pen.com/newxp/static/images/reg_bg.webp) no-repeat top center; background-size:cover;}
.login_bg .loginx_box{ padding:8% 0 10% 0;max-width: 500px; margin: 0 auto; }
.login_bg .loginx_box .login{ width:90%; margin:0 auto}
.login h2{width:100%; margin: 0 auto; margin-bottom:30px;}
.login .form_login{  width:100%; margin: 0 auto;}
.login .form_login ul{ margin:0; padding:0}
.login .form_login ul li{ list-style:none; margin-bottom:15px; display:inline-block; width:100%; position:relative}
.login .form_login ul li span{ width:100%; display:inline-block; color:#000; font-size:14px; margin-bottom:5px;}
.login .form_login ul li .input{border:1px #d6d6d6 solid;width:100%; height:40px; line-height:40px; padding-left:40px;  color:#999; }
.login .form_login ul li select{ height:40px;}
.login .form_login ul li .form-control-feedback{ left: 3px; font-size: 24px; color: #ccc; top:3px;}
.login .form_login ul li .verify_text{ background:#fff;  float:left; margin-bottom:10px;}
.login .form_login ul li .forget_password{ width:100%; display:inline-block; margin-top:5px;}
.login .form_login ul li .forget_password a{ font-size:12px; color:#00388D;}
.login .form_login ul li .login_btn{ background:#00388D; border:none; color:#FFF;height: 55px;line-height: 55px; width:100%;font-size: 20px;text-align: center;border-radius: 4px}
.login .form_login ul li .nologin{ color:#000; font-size:14px; margin-top:15px;}
.login .form_login ul li .nologin a{color:#00388D;}
.login .form_login ul li .regited_notice{ font-size:12px;}
.login .form_login ul li .verify_images{ width:100%;}
.login .form_login ul li .agree{ color:#999;}
.login .form_login ul li .l{ width:49%; float:left;}
.login .form_login ul li .r{ width:48%; float:left; margin-left:3%; position:relative}
.login .form_login ul li .new_r{ width:100%; float:left;position:relative}
.login .form_login ul li .r .badge-primary{background-color: var(--main-color);color: #00388D; position:absolute; right:-30px; top:50%; cursor:pointer;}

/*忘记密码*/
.login_forget{ width:80%!important; margin:0 auto; padding:100px 0px;}
.login_forget .forget_nav{ width:100%; display:inline-block; text-align:center}
.login_forget .forget_nav span{ width:315px; height:30px; line-height:30px; text-align:center; font-size:14px; display:inline-block; margin-right:-12px;background-size:contain;}
.login_forget .forget_nav span.nav_n_ac{ background:url(https://resource.xp-pen.com/newxp/static/images/main-n-ac.webp) no-repeat;color:#999;}
.login_forget .forget_nav span.nav_n_ps{ background:url(https://resource.xp-pen.com/newxp/static/images/main-n-ps.webp) no-repeat;color:#999;}
.login_forget .forget_nav span.nav_n_su{ background:url(https://resource.xp-pen.com/newxp/static/images/main-n-su.webp) no-repeat;color:#999;}
.login_forget .forget_nav span.nav_h_ac{ background:url(https://resource.xp-pen.com/newxp/static/images/main-h-ac.webp) no-repeat;color:#fff;}
.login_forget .forget_nav span.nav_h_ps{ background:url(https://resource.xp-pen.com/newxp/static/images/main-h-ps.webp) no-repeat;color:#fff;}
.login_forget .forget_nav span.nav_h_su{ background:url(https://resource.xp-pen.com/newxp/static/images/main-h-su.webp) no-repeat;color:#fff;}
.login_forget .forget_form{ padding:80px 0; text-align:center; max-width:500px; margin:0 auto;}
.login_forget .forget_form ul{ margin:0; padding:0;}
.login_forget .forget_form ul li{ list-style:none; margin-bottom:30px; font-size:14px; color:#000; width:100%;  display: inline-block; position:relative; text-align:left}
.login_forget .forget_form ul li ul{ width: 299px;  float: right;    right: 25px;}
.login_forget .forget_form ul li ul li{ color:#666;}
.login_forget .forget_form ul li span{ width:35%; display:inline-block; float:left; text-align:right;line-height: 40px;}
.login_forget .forget_form ul li input{ height:40px; line-height:40px; border:1px #bbb solid; background:#fff; width:60%; padding-left:5px;}
.login_forget .forget_form ul li .login_btn{ background:#00388D; border:none; color:#FFFFFF; height:55px; line-height:55px; text-align:center; font-size:20px}
.login_forget .forget_form .complete_password{ text-align:left; width:90%; margin:0 auto;}
.login_forget .forget_form .verify_img{ width:60%; display:inline-block; float:left;}
.login_forget .forget_form .verify_img .verify_images{ width:100%; cursor: pointer; margin-top:10px;}

/*额外服务*/
.goods_extra{ width:100%; display:inline-block;}
.goods_extra dl{ margin:0; padding:0; display:inline-block}
.goods_extra dl dt{ margin-bottom:10px; width:100%; display:inline-block;  font-weight:bold;}
.goods_extra dl dd{ display:inline-block; margin-bottom: 15px;}
.goods_extra dl dd a{ border:1px #CECCD3 solid;color: rgba(0, 0, 0, 0.88);padding: 6px 16px; display:inline-block; margin-right:10px; text-decoration:none;border-radius: 50px; font-size:18px;font-weight: bold;line-height: 1.5;}
.goods_extra dl dd a strong{ font-size:14px}
.goods_extra dl dd a:hover{ border: 1px #CECCD3 solid;background: #F7F7F9;padding: 6px 16px;color: #FF7423;}
.goods_extra dl dd a.active{border: 1px solid #E65A09;color: #E65A09;background-color: #EFEFF1;padding: 6px 16px;}
.goods_spec_list{ margin-bottom:10px;}
.goods_spec_list dl{ margin:0; padding:0; display:inline-block}
.goods_spec_list dl dt{ float:left; width:auto;color:#666; font-size:14px; font-weight:500; vertical-align:middle; margin:5px 15px 5px 0px;}
.goods_spec_list dl .dlbox{ float: left; width: 90%;}
.goods_spec_list dd{ display:inline-block; margin:0 15px 10px 0; padding:0; float:left;}
.goods_spec_list dd a{ display:inline-block; padding:5px 10px; text-align:center; font-size:12px; color:#333; text-decoration:none; border:1px #ccc solid; float:left;}
.goods_spec_list dd a img{ width:20px; height:20px; margin-right:3px;}
.m10{ margin-top:10px;}
.goods_spec_list dd a:hover{border:1px #0089CC solid;}
.goods_spec_list dd a.selected{border:1px #0089CC solid; background:url(https://resource.xp-pen.com/newxp/static/images/jiaobiao.webp) no-repeat right bottom; color: var(--main-color); color: #00388D;}
.goods_spec_list dd a.disabled{ border:1px #ccc dashed; color:#ccc; cursor:not-allowed;background: none;}
.promotion_class .bef_fo2{font-size: 16px;
    background-color: #FF640A;
    color: #FFFFFF;
    line-height: 1.5;
    margin: 0 0 16px 0!important;
    width: auto;
    min-width: 50%;
    display: inline-block;
    min-width: 256px;
    text-align: center;
    border-radius: 9999px;}
.promotion_class .bef_fo2 .clock_w{ margin-right:10px; display:inline-block;vertical-align: middle;}
.promotion_class .bef_fo2 .surplus_text{ display:inline-block; vertical-align:middle;}
.promotion_class .activityName {font-size: 14px;line-height: 1.5;color: rgba(0, 0, 0, 0.88);}
.promotion_class .process_box{ width:100%;}
.promotion_class  .process_box .progress_height{ height:3px; line-height:3px; margin:5px 0 5px 0;}
.promotion_class  .process_box .claimed{ font-size:12px; color:#999;}

.goods_price{ width:100%; display:inline-block;}
.goods_price .price{ display:inline-block; font-size:14px; color:#000;    line-height: 30px;    margin-bottom: 0px; height:30px;}
.goods_price .price strong{ float:left; margin-right:15px; vertical-align:middle; font-weight:100; color:#666}
.goods_price .price span.red{ color:#eb4d1b; font-size:22px; vertical-align:middle; float:left; margin-right:5px;    font: normal 24px/32px Arial;}
.goods_price .price span.priceCurrency{ float:left; vertical-align:middle; font-size:12px; color:#999;}
.goods_price .orgin_price{ font-size: 14px;  color: #999;  vertical-align: bottom;display: inline-block;  line-height: 24px;}
.goods_price .orgin_price strong{ font-weight:100;}
.notranslate{ position:relative; cursor:pointer;display: flex;align-items: center;}
.notranslate dl{position: absolute; z-index: 101;border-top:1px dotted #ccc; display:none;background-color: #fff;box-shadow: 0 3px 9px rgba(0,0,0,0.3);margin-left: -5px;padding: 5px 0px;}
.notranslate dl dd{height: 25px;line-height: 25px;}
.notranslate dl dd a{    display: block;    color: #333;    padding: 0 5px 0 10px;font-size: 14px;}
.notranslate dl dd a:hover{ background:#f5f5f5;}
.notranslate dl dd a .name {width: 30px;    display: inline-block;    text-align: left;}
.notranslate dl dd a .symbol {    width: 110px;    display: inline-block;    text-align: left;    padding-left: 16px;}
.notranslate .price_show .icon-sdown {border-color: #424242 transparent transparent transparent;    border-style: solid dashed dashed dashed;    border-width: 3px;    height: 0;    overflow: hidden;    width: 0;    display: inline-block; float:left; vertical-align:middle; margin-top:10px; margin-left:3px;}
.notranslate .symbol_id{ float:left; margin-right:5px;}
.notranslate.open dl{ display:block;}

.goods_btn .buy_now{ width:150px; background:#00388D; color:#fff; height:45px; text-align:center; border:none; margin-right:10px; font-size:18px;}
.goods_btn .buy_now:focus,.goods_btn .buy_now:hover{ background:#3295e4}
.goods_btn .add_cart{ width:auto!important; background:#fff; height:45px; text-align:center; border:none; margin-right:10px; border:1px #ccc solid; color:#000; font-size:18px;padding: 0 16px;}
.goods_btn .add_cart .iconfont{ font-weight:bold;}
.goods_btn .union_btn_buy{ display:inline-block;    vertical-align: top;}
.goods_btn .union_btn_buy .btn{ border-radius:0; padding-top:9px; padding-bottom:9px;}
.goods_btn .union_btn_buy .dropdown-menu{ border:1px #eee solid; top:95%; width: 174px; border-top: none;}
.goods_btn .add_cart:focus,.goods_btn .add_cart:hover{ border:1px #000 solid}
.goods_btn .btn_list{ width:100%; float:left;}
.goods_btn .collect_btn{ float:left; width:100%; margin-top:5px;}
.goods_btn .add_collection{ width:100%; background:#fff;color:#000;text-align:left;font-size:12px; margin-top:5px; line-height:18px;}
.goods_share{ width:100%; display:inline-block; margin-top:10px;/*-webkit-filter: grayscale(100%);    -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;*/}
.goods_btn .add_collection .iconfont{color: #c80a4e; vertical-align:baseline;}
/*相关推荐*/
.relation_product{ margin: 0 auto; width: 100%;
    display:inline-block; margin-top:90px; background:#f5f5f5; position:relative;}
    .relation_container{max-width: 1616px!important;}
    .relation_thead {max-width: 1616px!important;margin: 0 auto!important;}
.relation_product .relation_header{ width:100%; display:inline-block; position:relative; margin-top:60px; }
.relation_product .relation_header .hr{ height:1px; background:#bbb; width:100%; left:0; top:45%; position:absolute;}
.relation_product .relation_header .tit{ text-align:center;  z-index:10; left:44.1%; }
.relation_list{ width:100%; float:left;margin:20px 0px 50px 0px;}
.relation_list ul{ width:100%; display: flex;justify-content: space-between}
.relation_list ul li{ width:24%; list-style:none; text-align:center; background: #ffffff; display:inline-block;  padding:0px 0 15px 0;  border:1px #f5f5f5 solid;  position:relative;}
.relation_list ul li:hover{ border:1px #ccc solid;}
.relation_list ul li .img{ width:100%; display:inline-block;         padding: 16px;
        border-radius: 16px;
        background-color: #F7F7F9;
        background-image: url('https://resource.xp-pen.com/img/test_picture/recommendBg.svg');
        background-repeat: round;}
.relation_list ul li .img img{ width:100%;max-width: 100%; display:inline-block}
.relation_list ul li .tit{ 
    width: 100%;
    display: inline-block;
    text-align: left;
    min-height: 40px;
    line-height: 20px;
    margin-bottom: 10px;
    font-family: Gilroy, Gilroy;
    font-weight: 700;
    font-size: 18px !important;
    color: rgba(0,0,0,0.88);
    line-height: 27px;
    padding: 18px 18px 0 18px;
    margin-bottom: 0;
}
.section-module .img_box {
    display: inline-block;
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
}
.section-module .img_box:hover img{
    scale: 1.05;
}
.sellerSwiper .img_box:hover img{
    scale: 1;
}
.section-module .img_box .switch {
    display: none;
}

.section-module .img_box>img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    scale: 1.0;

}
.relation_list ul li .img .img_box {
    display: inline-block;
    position: relative;
    padding-top: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
}

.relation_list ul li .img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display:inline-block;
    border-radius: 16px;
    transition: 0.5s;

}

.relation_list ul li .tit{ width:100%; display:inline-block; ;text-align: left; padding-left:16px; min-height:40px; line-height:20px;margin-bottom: 10px}
.relation_list ul li .promote_info{ color:#f00; text-align:center; padding-left:10px; font-size:12px;width: 100%}
.relation_list ul li .promote_info p{text-align: center;line-height: 1.5;}
.relation_list ul li .tit a{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 54px;
    font-weight: 700;
    font-size: 18px;
    color: rgba(0,0,0,0.88);
    line-height: 1.5;
    text-align: left;

}
.relation_list ul li .tit a:hover{ color:#FF640A;}
.relation_list ul li .price{ width:100%; display:inline-block; text-align:left; line-height:25px;}
.relation_list ul li .price b{ font-size:20px;}
.relation_list ul li .price a{float:right; margin-right:10px;background:url(https://resource.xp-pen.com/newxp/static/images/icon-main-N-3.webp) no-repeat; width:25px; height:25px;}
.relation_list ul li .price a:hover{background:url(https://resource.xp-pen.com/newxp/static/images/icon-main-H-3.webp) no-repeat;}
.goods_part{ margin-top:25px; margin-bottom:25px;}
.pc_head{display: block;}
.mobile_hd{ display: none;}
@media screen and (max-width: 1919px){
    .relation_container{    
        width: 100%;
        margin: 0 auto;
        padding: 0 32px;
        max-width: none!important;
    }
    .relation_list{    
        width: 100%;
        margin: 0 auto;
        padding: 0 32px;
        max-width: none!important;
    }
    .cartRelation .relation_list{
        padding: 0;
    }
    .relation_thead {    
        width: 100%;
        margin: 0 auto;
        padding: 0 32px;
        max-width: none!important;

    }
}

@media screen and (max-width: 750px){
    .addCar .notranslate {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: start;
    }
    .ask_form .button-inquire-sumbit {
        height: auto;
        font-size: 16px;
        line-height: 1.5;
        padding: 4px 16px;
    }
}

@media screen and (max-width: 576px){
    .relation_list ul{flex-wrap: wrap;}
    .relation_list ul li{width: 49%;margin-right: 0;margin-bottom: 6px !important;}
    .relation_product .relation_header .hr{display: none;}
    .pc_head{ display: none;}
    .mobile_hd{display: block;}
    .relation_product .relation_header {
        width: 100%;height: auto; line-height: 3rem;font-size: 1rem; font-weight: 500; color: #333; padding-left: .9375rem;padding-right: .9375rem;
        border-bottom: 1px solid #f5f5f5;float: left;align-items: center;margin-top: 0!important;background-color: #fff;
    }
    .relation_product.cartRelation .relation_header{height: 60px; background-color: transparent;}
    .relation_product.cartRelation .relation_header .tit{width: 100% ;padding: 0 20px;}
    /*.relation_product{*/
    /*    padding: 0 1.25rem;*/
    /*}*/
    .relation_product .homepage_2{ padding: 0;}
    .relation_list{margin: 0;}
}
@media screen and (max-width: 480px){
    .new_popup_home .popup_home_submit{
        text-align: center;
    }
    .new_popup_home{
        padding: 16px;
    }
    .relation_product.cartRelation .relation_header .tit {padding: 0 12px;font-size: 20px;}
    .relation_product .relation_header {line-height: 2rem;}
    .new_popup_home{
        width: 90vw;
        margin:  0 auto;
        height: auto;
    }
    .new_popup_home .popup_home_sub_title {
      
        font-size: 16px;
    }
    .new_popup_home .popup_home_sub_title span {
        font-size: 20px;
        margin-left: 12px;
    }
    .new_popup_home .popup_home_down_title{
        font-size: 12px;margin-bottom: 16px;
       
    }
    .new_popup_home .popup_home_submit input{
        height: 46px;
    }
    .new_popup_home .popup_home_submit .popup_home_botton{
        line-height: 46px;
        height: 46px;
    }
    .new_popup_home .popup_home_titletwo .popup_home_title_ls {
        margin: 64px 0 32px;
    }
    .new_popup_home .popup_home_copy {
        margin: 36px 0 0px;
    }
    .new_popup_home .popup_home_SHOPNOW {
        margin-top: 20px;
    }
    .new_popup_home .popup_home_copy {
        padding: 0 40px;
        margin: 56px 0 0px;
        height: 46px;
        line-height: 46px;
        display: flex;
        font-size: 20px;
    }
}
/*产品概述，规格，配件*/
.goods_content{ width:100%; display:inline-block; margin-top:80px;  position:relative;}
.navbar-static{ width:100%; display:inline-block; border-bottom:1px #eee solid;}
.navbar-static ul{ margin:0px; padding:0; float:left; width:65%;}
.navbar-static li{ display:inline-block; float:left; width:auto;}
.navbar-static li a.active,.navbar-static li a:hover{ display:inline-block;background-color: #f5f5f5;  margin-bottom:-1px;border-bottom:none; float:left;}
.navbar-static li a{  color:#000; font-size:14px; display:inline-block; text-decoration:none;width:100%; text-align:center; line-height:55px; margin-bottom:-1px;padding: 0 25px; }
.goods_fixed{ position:fixed; top:70px; background:#fff;width: 100%; z-index:100;/* height:46px;*/ overflow:hidden;}
/*参数*/
.goods_param{ width:100%; display:inline-block; margin-top:25px;}
.goods_param dl{ width:100%; display:inline-block;}
.goods_param dl dt{ font-size:18px; color:#000;}
.goods_param dl dd{ border-bottom:1px #bbb dashed; width:100%; display:flex;align-items: center; height:auto; line-height:50px;}
.goods_param dl dd .param_1{ width:30%; display:inline-block; font-size:14px; color:#000;}
.goods_param dl dd .param_2{ width:55%; display:inline-block; font-size:14px; color:#000;line-height: 1.4;padding: 6px 0;}
@media screen and (max-width: 992px ){
    .goods_param dl dd .param_1{ width:40%; }
    .goods_param dl dd .param_2{ width:60%; }
}

/*问答*/
.goods_ask_content,.goods_ask_content .goods_ask_add{ width:100%;background-color: #fff}

.goods_ask_content .published{ width:100%; display:inline-block; font-size:16px; color:#000;}
.goods_ask_content .description{ color:#999; font-size:12px; width:100%; display:inline-block; border-bottom:1px #f5f5f5 solid; padding:20px 0 30px 0;}
.goods_ask_content .form-edit-area{ width:100%; display:inline-block; margin-bottom:30px;}
.goods_ask_content .form-edit-area .form-edit-table{ width:100%; display:inline-block;}
.goods_ask_content .form-edit-area .form-edit-table b{ display:inline-block;}
.goods_ask_content .form-edit-area .form-edit-table .vam{ display:inline-block; margin-right:20px;}
.goods_ask_content .form-edit-area .form-edit-table input{ display:inline-block; margin-right:5px;margin-bottom: 6px}
.goods_ask_content .form-edit-area .form-edit-table p .textarea{ height:100px;}
.form-edit-action{ width:100%; display:inline-block;}
.form-edit-action .button-inquire-sumbit{ width:150px; height:35px; color:#fff; background:#00388D; border:none; font-size:16px;}

.goods_ask_list{ width:100%; display:inline-block;}
.goods_ask_list li{ border-bottom:1px #f5f5f5 solid; width:100%; display:inline-block; overflow:hidden; padding-bottom:20px;padding-top:20px;}
.goods_ask_list li .user{ font-size:14px; display:inline-block;}
.goods_ask_list li .user a{ color: #333; text-decoration: none; cursor: auto;}
.goods_ask_list li .user_d{ color:#999; font-size:12px; display:inline-block; margin:0px 0 0px 0;}
.goods_ask_list li .user_d a{ color:#999; font-size:12px;}
.goods_ask_list li .user_content{  font-size:14px;  display:inline-block; margin:0px 0 0px 0;}
.goods_ask_list li .user_content .title{ color:#333;}
.goods_ask_list li .reply_info{width:100%; display:inline-block; margin-top:0px; color:#000; font-size:14px;}
.goods_ask_list li .reply_info .list{ width:100%; display:inline-block; padding:5px 0;}
.goods_ask_list li .reply_info .list .con{ margin-bottom:2px;color: #333;}
.goods_ask_list li .reply_info .list .date{ color:#999; font-size:12px;}
.goods_ask_list li .reply_info .list .date span{ margin-right:20px;}
.goods_ask_list li .ask_more{ width:100%; display:inline-block; font-size:14px;}
.goods_ask_list li .ask_more .open_reply_list{ margin-right:15px;}
.goods_ask_list li .ask_more a{ margin-right:90px; display:inline-block; text-decoration:none}
.ask_form{ width:100%; display:inline-block; margin-top:10px;}
.ask_form .textarea{ height:100px;}
.ask_form .button-inquire-sumbit{ 
    font-weight: 400;
    font-size: 18px;
    background-color: #FF7423!important;
    color: #fff!important;
    text-align: center;
    line-height: 45px;
    padding: 0 16px;
    border-radius: 9999px;
    transition: all 0.25s;
    cursor: pointer;
    margin-top: 0.8rem;
    width: 9.8125rem; height: 2.625rem;
    /* float:left; color: white; width: 9.8125rem; height: 2.625rem; background-color: var(--main-color);
    text-align: center;cursor: pointer;border-radius: 4px;font-size: 0.7rem;margin-top: 0.8rem; */
}
.ask_mores{ width:100%; display:inline-block; margin-bottom:20px;}
.ask_mores a{margin-top:15px; width:200px; height:45px; line-height:45px; text-align:center;  border:1px #bbb solid; background:#f5f5f5; color:#000; font-size:14px; display:inline-block;}
.co-grey{background-color:#f7f7f7}
.par-titles{border-bottom: 1px solid #dedede; border-left:1px solid #dedede}
.commodity-xq{display:table}
.commodity-xq li{ float:left; border-right:1px solid #dedede; border-bottom:1px solid #dedede; background-color:#FFF; margin-bottom:-2px; padding-top:1px; border-top:1px solid #dedede}
.commodity-xq li a{display: block;min-width: 74px;padding: 0 30px;height: 47px;line-height: 47px;font-size: 14px;text-align: center;white-space: nowrap;cursor:pointer; color: #666; text-decoration: none;}
.commodity-xq li.current{border-top: 1px solid #00388D;border-bottom-color: #FFF;padding-top: 0; }
.commodity-xq li.current a{color:#00388D;}
/*评价*/
.goods_comment_content{ width:100%; display:inline-block; float:none;}
.goods_comment_content .comment_star{ width:100%; display:inline-block; float:left;}
.goods_comment_content .comment_star .star_list{ width:45%; display:inline-block; float:left;}
.star_list ul{ width:80%; margin:0; color:#00388D; font-size:12px;}
.star_list ul li{ width:100%; display:inline-block;}
.star_list ul li .star{ width: 12%; float:left;}
.star_list ul li .progress{ width:58%; float:left; margin:0px 5px 0 3px; height:15px;}
.star_list ul li .progress-bar{ background:#efb535; line-height:15px;}
.star_list ul li .prcent{ width:25%; float:left;}
.goods_comment_content .comment_star .star_total{ width:40%; display:inline-block; margin-top:2%;}
.comment_star .star_total .raty_info{ width:100%; display:inline-block; margin-bottom:10px;}
.comment_star .star_total .raty_info .raty_demo{ float:left; vertical-align:middle; margin-right:5px;}
.goods_comment_content .comment_star .write_comment{ width:100%; display:inline-block; margin:30px 0 20px 0;}
.goods_comment_content .comment_star .write_comment div{ width:100%; display:inline-block; margin-bottom:15px;}
.goods_comment_content .comment_star .write_comment a{ border:1px #999 solid; min-width:150px; height:45px; line-height:45px;padding: 0 15px; text-align:center; text-decoration:none; background:#f5f5f5; color:#000; display:inline-block;}
.goods_comment_content .comment_star .write_comment a:hover{ background:#00388D; color:#FFFFFF; border:none}
.goods_comment_content .comment_list{ width:100%;  display:inline-block; border-top:1px #f5f5f5 solid; margin-top:20px; padding-top:30px;}
.goods_comment_content .comment_list li{ width:100%; float:left; padding:15px 0px ; border-bottom:1px #f5f5f5 solid;}
.goods_comment_content .comment_list li .user{ display:inline-block; float:left; font-size:12px; line-height:20px;}
.goods_comment_content .comment_list li .user .nickname{ font-size:14px; margin:5px 0;}
.goods_comment_content .comment_list li .user .nickname a{ color: #333; text-decoration: none; cursor: auto; font-weight: bold;}
.goods_comment_content .comment_list li .con{ display:inline-block;}
.goods_comment_content .comment_list li .con .info{ width:100%; display:inline-block;margin:0px 0px 0px 0;}
.goods_comment_content .comment_list li .con .info .title{ font-size:14px;  width:100%; display:inline-block; color:#000; font-weight:bold;}
.goods_comment_content .comment_list li .con .info .content{ width:100%; display:inline-block; margin:10px 0;}
.goods_comment_content .comment_list li .con .reply{ text-align:right; float:right;}
.goods_comment_content .comment_list li .con .reply a{ padding:0 10px; font-size:12px;}
.goods_comment_content .comment_list li .con .reply a b{ font-weight:100;}
.content_images{ max-width:100%; display:inline-block; text-align:left; overflow:hidden; margin:0 15px 0 0;}
.content_images .slide_box{width: 180px;display:inline-block; height:180px; border:2px #fff solid; }
.content_images .slide_box img{width: 100%;border: none;vertical-align: middle;border-radius: 16px; height:auto; margin-right:2px; cursor:url(https://resource.xp-pen.com/newxp/static/images/fd.webp) ,auto; border:1px #ccc solid;}
.content_images .slide_box:hover img,.content_images .slide_box.current img{border:1px #00388D solid;}
.content_images .slide_box.current img{ cursor:url(https://resource.xp-pen.com/newxp/static/images/sx.webp) ,auto;border:2px #00388D solid;}
.content_images .images_box{ max-width:400px;border:1px #ccc solid; padding:10px; margin-top:10px; display:none}
.content_images .images_box img{ max-width:100%; cursor:url(https://resource.xp-pen.com/newxp/static/images/sx.webp) ,auto;}
.goods_comment_content .comment_list li .ask_form{ width:100%; display:inline-block; margin-top:10px;}
.goods_comment_content .comment_list li .ask_form .textarea{ height:100px;}
.goods_comment_content .comment_list li .ask_form .button-inquire-sumbit{ margin-top:15px; float:right; width:100px; height:35px;  border:1px #bbb solid; background:#f5f5f5; color:#000; font-size:14px;}
.goods_comment_content .comment_list .comment_page{ margin-top:30px;}
.goods_comment_content .comment_list .comment_page li{ width:auto; border-bottom:none; padding:0;}

.goods_ask_list  .ask_page,.ask_list .ask_content  .ask_page{ margin-top:30px;}
.goods_ask_list  .ask_page li,.ask_list .ask_content  .ask_page li{ width:auto; border-bottom:none; padding:0;}
.comment_list .reply_list,.comment_list .reply_list dl{ width:100%; display:inline-block; margin:8px 0 0 0;}
.comment_list .reply_list dl dd{ width:100%; float:left;padding:15px 0px ; border-top:1px #f5f5f5 solid}
.comment_list .reply_list dl dd .reply_user{ width:100%; display:inline-block; font-size:14px; margin-bottom:5px; float: none;}
.comment_list .reply_list dl dd .reply_user .comment_form{font-weight: bold;}
.comment_list .reply_list dl dd .reply_user a{ color: #333; text-decoration: none; cursor: auto;font-weight: bold;}
.comment_list .reply_list dl dd .reply_user span{ color:#999;font-weight: bold;}
.comment_list .reply_list dl dd .reply_content{ width:100%; display:inline-block; font-size:13px;}
.comment_list .reply_list dl dd .reply_btn{ display:inline-block; margin:0px 0 0 0; float:right}
.comment_list .reply_list dl dd .reply_btn a{ color: var(--main-color);color: #00388D; font-weight: 100; cursor: pointer;}
.comment_box{ font-size:14px;}
/*商品详细页税率*/
.goods_rate{ width:100%; display:inline-block}
.goods_rate dl{ margin:0; padding:0; display:inline-block}
.goods_rate dl dt{ margin-bottom:5px; width:100%; display:inline-block; color:#666; font-size:14px; font-weight:500;}
.goods_rate dl dd{ width:100%; display:inline-block; margin-bottom:5px;}
.goods_rate dl dd .rate_name{ float:left;  margin-right: 15px;    vertical-align: middle;    font-weight: 100;    color: #666; font-size:14px;}
.goods_rate dl dd .rate_price{ float:left; color:#333;}

.goods_info .coupon_box{ width:100%; display:inline-block;}
.goods_info .coupon_box strong{background-color: var(--main-color); color:#fff; display:inline-block; vertical-align:middle; margin-right:10px;}
.goods_info .coupon_box .infos{color:#333; /*008a00*/ vertical-align:text-top;}
.goods_info .coupon_box .infos a{color:#eb4d1b;font-weight: bold}
.goods_info .coupon_box .infos span{color:#eb4d1b;font-weight: bold}
/*产品列表页*/
.cart_box{  margin-bottom:20px; border-bottom:none;background-color: #fff;border: 1px solid #E3E7EA;}
.product_list_cotent{ width:100%; display:inline-block; margin-top:30px;}
.product_list ul li{ margin-bottom:25px; padding:0;display:inline-block; position: relative;}
.product_list ul li .row{ padding:0 15px; margin:0 10px; background:#fff;border:1px #fff solid }
.product_list ul li:hover .row{ border:1px #e1e1e1 solid}
.product_list ul li a{ width:100%; display:inline-block;}
.product_list ul li .img img{ width:100%;}
.product_list ul li .tit{ margin-top:10px; text-align:left; word-break: keep-all; }
.product_list ul li .tit-goods-name{height:40px;  overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp:2;  -webkit-box-orient: vertical;margin-bottom: 16px;
}
.product_list ul li .tit a{ color:#000; font-size:16px;}
.product_list ul li .tit a:hover{ color:#00388D;}
.product_list ul li .description{ font-size:12px; color:#333; height:40px; line-height:20px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;margin-top: -10px;}
.product_list ul li .promote_info{ color:#f00; font-size:16px;max-height:30px; line-height:20px;height: 20px; overflow:hidden;}
.product_list ul li .cart_box{ margin:10px 0 30px 0; border:none; text-align: left;}
.product_list ul li .cart_box .price{ color:#e01d20; font-size:16px;}
.product_list ul li .cart_box .icon{ float:right;}
.product_list ul li .cart_box .icon a{ width:20px; height:20px; display:inline-block; margin-right:10px;}
.buyProductLabel .labels{ font-size: 14px;display: inline-block;}

/* 分页*/
.pages{    height: 44px;
    background: rgba(0,0,0,0.06);
    text-align: center;
    line-height: 44px;}
.pages ul{    margin: 0 12px;
    padding-left: 0;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    width: auto;}
.pages ul li{display: inline;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.88);

    line-height: 1.5;
    padding: 4px!important;
    cursor: pointer;
    margin: 0 2px;
    box-sizing: border-box;}
/* 
.pages ul li a {
    display: inline-block!important;
    width: 15px!important;
    text-align: center!important;
} */
    .pages ul li span,.pages ul li a {     
        display: inline-block;
        width: 15px;
        text-align: center;
        position: static;
        float: none;
        padding: 4px!important;
        border: none;
        background: none!important;
        color: #000;
    }
.pages ul li:hover {
        border-radius: 6px;
        border: 1px solid #FF640A;
        color: #FF640A!important;
    }

.pages ul .active {
    border-radius: 6px;
    border: 1px solid #FF640A;
    color: #FF640A;
}
.pages ul .active a,.pages ul .active span{
    color: #FF640A;
}
.pages ul .active a:hover{
    color: #FF640A;
}
.pages ul .active span:hover{
    color: #FF640A;
}
.pages ul .disabled {
    color: rgba(0,0,0,0.25);
    pointer-events: none ;
}

/* 分页 */

/*文章内容*/
.article_box .article_left{ margin-left:0; padding-left:0}
.article_box .article_left dl{ border:1px #f5f5f5 solid; border-bottom:none; margin-bottom:10px;}
.article_box .article_left dl dt{ background:#fff; height:40px; line-height:40px; text-indent:25px; font-weight:500; font-size:14px;}
.article_box .article_left dl dd { line-height:35px; height:35px; border-top:1px #f5f5f5 solid;  }
.article_box .article_left dl dd a{ color:#727272; display:inline-block; width:100%; float:left;text-indent:25px; font-size:14px;}
.article_box .article_left dl dd a:hover{ color:#38a0f5; background:#f9f9f9; text-decoration:none}
.article_box .article_righit{   overflow:hidden; padding-right:0; margin-bottom:30px; padding-left: 0;}
.breadcrumb { height:40px; text-indent:25px; padding:0; line-height:40px;}
.breadcrumb  a:hover{ color:#38a0f5;}
.breadcrumb a{ color:#000;}
/*.foot_off_article{cursor: pointer}*/
.foot_off_article .iconfont{padding-left: 5px}
.article-header{margin-bottom:1px;  text-align: center;}
.article-header .muted{ font-size:13px; margin:15px 5px;}
.article-title{ margin-bottom: 20px; font-size:24px;}
.article-content{font-size:16px;word-wrap:break-word;padding-bottom:5px;line-height:2;position: relative;padding: 20px; background-color: #fff;}
.article-content h3,.article-content h4， .article-content h5{/*border-bottom:#eee 1px solid;*/padding-bottom:5px;margin-bottom:20px}
.article-content h2{font-size:18px;font-weight:normal;}
.article-content h3{font-size:16px}
.article-content h4{font-size:14px}
.article-content h5{font-size:12px}
.article-content ul{margin:0 0 16px 0px}
.article-content ol{margin:16px}
.article-content ul li{padding-left:20px;margin-bottom:10px;*list-style:disc;*padding-left:0;line-height:25px}
.article-content ol li{list-style:decimal;margin-left:28px;line-height:25px}
.article-content p{margin-bottom:10px}
.article-content h2{margin-bottom:10px}
.article-content pre{word-break:break-all;word-wrap:break-word}
.article-content table{border-top:solid 1px #ddd;border-left:solid 1px #ddd;width:100%;margin-bottom:16px}
.article-content table th{background-color:#f9f9f9;text-align:center}
.article-content table td,.article-content table th{border-bottom:solid 1px #ddd;border-right:solid 1px #ddd;padding:5px 10px}
.article-content .alignleft{float:left;text-align:left;margin-right:10px}
.article-content .aligncenter{margin: 0 auto;text-align: center;display: block;}
.article-content .alignright{float:right;text-align:right;margin-left:10px}
.article-content a{color:#428bca;text-decoration:underline}
.article-content a:hover{color:#D9534F}
.article-nav{border-top:1px solid #f2f2f2;background-color:#FBFBFB;overflow:hidden;padding:15px 20px;font-size:12px;color:#bbb; margin-bottom:20px;}
.article-nav span{float:left;position:relative}
.article-nav span.article-nav-next{float:right;text-align:right}
#gaishu{margin: 0 auto;word-wrap: break-word;word-break: normal;}
/*#gaishu img{width: 100%; height: auto;}*/
#gaishu .g4_pic_pc img{width: 100%;height: auto;}

.article_search{ background:#f5f5f5; width:100%; padding-bottom:22px; text-align:center}
.article_search form{ width:60%; margin:0 auto; float:none;}
.article_search .search_text{  border-radius:4px 0 0 4px; border-right:none; border-color:#9CA0A4; height:44px; width:80%; float:left}
.article_search .search_btn{ border-radius:0 4px 4px 0; height:44px; width:20%;}
.ellipsis {    height: auto;    overflow: hidden;    text-overflow: ellipsis;    display: inline-block;    display: block;}
.crumbs {padding: 16px 0;font-size:12px;color: rgba(0,0,0,0.88);font-weight: 400;}
.crumbs a{font-size:12px;color: rgba(0,0,0,0.88);font-weight: 400;}
.crumbs a[href] {color: rgba(0,0,0,0.45);}



.crumbs span{ padding: 0 10px;color: rgba(0,0,0,0.45)}
.aricle_list{ margin-top:0px;}
.aricle_list ul{ margin-bottom:25px;}
.aricle_list .list-group-item{ border:none; padding-left:20px; border-bottom:1px #eee dashed; padding-top:20px; padding-bottom:20px;width: 100%;    margin-bottom: 1px;}
.aricle_list .list-group-item-heading{ font-size:14px;padding-bottom: 20px}
.aricle_list .list-group-item-heading a{ color:#00388D;}
.aricle_list .list-group-item-text{ color:#727272; font-size:12px;}
/*购物车*/
.home_page{max-width: 1400px;margin: 0 auto}
@media screen and (max-width: 1400px){
    .home_page { padding: 0 1.25rem;justify-content: center;}
}
.pull-right{text-align: center;padding: 2rem}
.cart_list{ margin:25px 0 15px 0; font-size:24px; color:#000;}
.cart_index{padding-top: 30px}
.cart_box ul{ float:left; width:100%; overflow:hidden;}
.cart_box .header_title{ border-bottom:1px #ddd solid; background:#f5f5f5;}
.cart_box li{ text-align:center; border-right:1px #ddd solid; padding:10px 0; float:left; overflow:hidden; vertical-align:middle; font-size:12px}
.cart_box li a{ display:inline-block;}
.cart_box table{ border:none; float:left; width:100%;}
.cart_box .order_address{ margin-top:0;}
.cart_box .cart_c td .cart_box .cart_c th{ border:none}
.cart_box .cart_c td { padding:25px 0;border: none;  border-top: 1px #f5f5f5 solid;}
.cart_box .cart_c td.text_center{ text-align:left;line-height:18px;display: flex;align-items: center}
.cart_box .cart_c th{ border: none; text-align: left; text-indent: 20px; color: #5E6061;  padding: 2rem 0;  margin: 0;  background: #fff;font-size: 1rem;}
.cart_box .cart_c td.text_center a{color: #333333; word-wrap: break-word; display:inline-block; width:100%; margin-bottom:5px; font-size:1rem;}
.cart_box .cart_c td.text_center .img{ width:20%;display: inline-block;margin-left: 10px;}
.cart_box .cart_c td.text_center .img img{ max-width: 100%;}
.cart_box .cart_c td.text_center .shop{ margin-left:2%;width:calc(77% - 40px);display: inline-block}
.cart_box .cart_c td .extra_list{ width:100%; display:inline-block; float:left;}
.cart_box .cart_c td.text_center .keyname{ font-size:12px; width:100%;color: #999;word-break: break-word;word-wrap: break-word;}
.cart_box .cart_c td.product_opator{ line-height:30px; font-size:12px; text-align:center}
.cart_box .cart_c td.product_opator a{ color:#666; font-size:14px;}
.cart_box .cart_c td.product_opator a:hover{ color:#00388D;}
.cart_box .cart_c td.product_price{ text-align:left;}
.cart_box .cart_c td.product_price .shop_price{ width:100%; display:inline-block; margin-top:13%; font-size:16px; color: #333333;}
.cart_box .cart_c td .market_price{ width:100%; color:#999; font-size:12px}
.cart_box .cart_c td.product_total_price{ font-size:16px;text-align:left;}
.cart_label{ font-weight: normal; margin-bottom: 0; cursor: pointer;}
.cart_label .all_s{display: inline-block; }
.cart_label_bottom{ height: 50px; line-height: 50px; text-align: center; width:150px;}
.notcart{ text-align:center; margin:10% 0;}
.cart_box .product_number{ text-align:center;}
.product_number_btn{ text-align: center;display: inline-block;float: left}
.product_number_btn input{ float:left; border-radius:0; height:36px; border-color:#c9cdd0; outline: none;padding:0 12px;font-size: 18px;}
.product_number_btn .btn:hover{ border-color: #f5f5f5; background: #f5f5f5;}
.product_number_btn .text_box{ width:3rem; text-align:center; border-left: none; border-right: none;     box-shadow: none;}
.product_number_btn .min{ border-right:none;}
.product_number_btn .add{ border-left:none;}
.cart_box .total_price{ border-left:1px #ddd solid; float:left; width:100%;}
.cart_box .total_price li{ border-bottom:1px #ddd solid; }
.cart_box .total_price li{ height:40px;text-align:right;line-height: 40px;    padding: 0 15px 0 0; overflow:hidden; }
.cart_box .total_price li.shop_total{ width:72.1%; }
.cart_box .total_price li.shop_total_price{ width:27.9%; color:#f00; }
.cart_box .total_price li.shop_total_price strong{font-size:18px;}
.cart_btn{ padding-bottom:20px;}
.cart_btn a{font-size:16px; height:50px; line-height:50px; text-align:center; width:100%; display:inline-block; text-decoration:none;border-radius: 2px;margin: 20px 0;cursor: pointer}
.cart_btn a:hover{color: #fff}
.cart_btn .continue_shopping{ color:#333; float:left;}
.cart_btn .settlement_center{ color:#fff;  float:right;background: #FF640A;
    border-radius: 5px 5px 5px 5px;font-weight: 700;
    font-size: 18px;margin-bottom: 10px;}
.cart_btn .settlement_center:active{ position: relative; top: 3px;}
.cart_btn .settlement_center:hover{}
.cart_box .cart_c .goods_coupon_info{ line-height:20px; font-weight:100;}
.cart_btn .cartTotalPrice{ display: flex; align-items: center;  color: rgba(0,0,0,0.88);justify-content: space-between;font-size: 16px;font-weight: 700;}
.cart_btn .cartTotalPrice strong{ font-size: 24px;color: #F54628;}
@media screen and (max-width:768px) {
    .cart_btn .cartTotalPrice strong{ font-size: 16px;}
}
.cart_btn .cartDisable{ background: #ccc}
.cartRelation{margin-top:0px; background: none;}
.cartRelation .relation_header .hr{background: #ccc;}
.cartRelation .relation_header .tit{  border: none;height: auto;  color: #666; font-size: 30px; text-align: left;font-weight: 700;
    font-size: 27px;
    color: rgba(0,0,0,0.88);
    line-height: 41px;}
.cartRelation .relation_header{ margin-top: 40px;}
.cartRelation .relation_list ul li{ border: none;}
.cartRelation .relation_list ul li:hover{ border: none;}
.cartRelation .relation_list ul li .tit{ text-align: center; font-size: 16px; color: #333333;overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cartRelation .relation_list ul li .price{ text-align: left;padding: 0 16px;}
.cartRelation .relation_list ul li .price b{ font-weight: normal;}


.goods_coupon_info .price_margin{ margin-top:13%;}
.goods_coupon_info .goods_coupon{ font-size:12px;  margin:5px auto; text-align:left; padding:3px 0; cursor:pointer}
.goods_coupon_info .goods_coupon .save{ color:#333;}
.goods_coupon_info .goods_coupon .span{ display:inline-block}
.goods_coupon_info .goods_coupon a{ display:inline-block}

.goods_coupon_info .cxhd{width:95%; position:relative;border:1px solid #ff4400; font-size:12px;    margin: 5px 0 0  0;}
.goods_coupon_info .cxhd .cxan{width:95%; line-height: 20px; margin: 0; cursor:pointer; color:#ff4400; padding-left:5px; z-index:2;background: #fff; text-align:left;}
.goods_coupon_info .action .cxan{height:24px;}
.goods_coupon_info .cxhd .cxan em{display:block;  position:absolute; right:2px; top:8px; overflow:hidden;}
.goods_coupon_info .action .cxan em{background-position:-141px -8px;}
.goods_coupon_info .cxhd .cxan em,.orderbox .action .cxan em{-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.goods_coupon_info .cxhd .show_promotion{width:312px; line-height:18px; padding:5px 10px 10px 10px;;border:1px solid #ff4400; position:absolute; left: -1px; top: 21px; color:#666; z-index:1; display:none; background:#fff; text-align:left;}
.goods_coupon_info .cxhd .show_promotion .icon_yes{ background:url(https://resource.xp-pen.com/newxp/static/images/yes.gif) no-repeat;width: 14px; height: 14px;display: inline-block; float:left; margin:2px 3px 0 0;}
.goods_coupon_info .cxhd .show_promotion .icon_no{ background:url(https://resource.xp-pen.com/newxp/static/images/no.gif)  no-repeat;width: 14px; height: 14px; display: inline-block; float:left; margin:3px 3px 0 0;}
.goods_coupon_info .action .show_promotion{display:block;}
/*添加购物车*/
.success_box{ width:100%; background: #f5f5f5; float:left; padding:20px 15px; margin-bottom:20px; display:inline-block;}
.p-info {float: left;width: 50%;margin: 0;}
.p-info  a{ display:inline-block;}
.p-item{  width: 100%;  float: left;  margin-bottom: 10px;}
.p-img {float: left;width: 62px; margin-right: 10px;border: 1px solid #e8e8e8;}
.p-name {width: 100%;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}
.p-extra {display: inline-block;display: block;color: #999; font-size:12px;}
.p-info .p-price{ color:#f00; font-size:16px;}

/*支付页面*/
.pay_fail{ max-width:500px; margin:10% auto 20% auto ; text-align:center;}
.pay_fail .pay_btn{ margin-top:15px;}
.pay_fail .pay_btn a{ width:140px; height:40px; line-height:40px; display:inline-block; text-align:center; color:#91c42f; border:1px #91c42f solid; margin:0 15px;}

/*我的订单*/
.backgroundWhite{ background: #fff;}
.my_order .header{ width:100%; float:left; padding:10px 10px 0 10px;}
.my_order .screen{ width:70%; float:left;}
.my_order .screen ul{ float:left; width:100%; line-height:30px;}
.my_order .screen ul li{ width:20%; display:inline-block; float:left;}
.my_order .screen ul li a{ color:#000; font-size:14px; text-decoration:none;}
.my_order .screen ul li a:hover{ color:#f00;}
.my_order .screen ul li.active a{ color:#f00; font-weight:bold; border-bottom:2px solid #f00;}
.my_order .search{ width:30%; float:right; text-align:right;}
.my_order .search .search_input{ width:70%; float:right; border-radius:0; border-right:none; height:30px; line-height:30px;}
.my_order .search .btn{ border-radius:0; background:#f5f5f5; float:right; height:30px}
.order_content .header{ width:100%; background:#f5f5f5; padding:0; font-size:12px;}
.order_content thead tr th{ border-bottom:none; font-weight:100; color:#666; background:#ffffff; height:30px; line-height:30px; text-align:center; font-size:12px;}
.order_content thead{width:100%; background:#f5f5f5; padding:0}
.order_content thead .detail{ width:55%;}
.order_content thead .price{ width:12.5%}
.order_content thead .status{ width:12.5%}
.order_content thead .opator{ width:15%}
.order_content tbody .sep-row td{ border:none; height:25px; padding: 0;  border-right: 1px #f5f5f5 solid;}
.order_content tbody .tr-th{ width:100%; color:#999; font-size:14px;}
.order_content tbody .tr-th td{ background:#ffffff; width:100%; overflow:hidden; border-bottom:1px #f5f5f5 solid; padding:0; border-top:1px #f5f5f5 solid; }
.order_content tbody .tr-th div{ overflow:hidden; line-height:45px; height:45px; float:left;}
.order_content tbody .tr-th div a{  color:#000000;}
.order_content tbody .tr-th div a:hover{ color:#00388D;}
.order_content tbody td{border: 1px solid #eee; border: none;}
.order_content{ margin: 0; padding: 0;display: inline-block; float: left;}
.order_content .table{ margin: 0; padding: 0;}
.sep-row td{background:#f5f5f5;}
.tr-th .time{ float:left;width:20%; padding-left:15px;}
.tr-th .order_sn{float:left; width:30%;}
.tr-th .consing{ float:left;width:25%;}
.tr-th .delete{ width:25%;float:left;text-align:right; padding-right:15px;}
.tr-bd{ font-size:14px;}
.tr-bd .row{ float:left; padding:15px 0; margin:0;}
.tr-bd .row a{ color:#333; text-decoration: none;}
.tr-bd .row a:hover{ color:#00388D;}

.tr-bd .price_box{ color:#000; width:100%;}
.tr-bd .price_box .total_price{ font-size:14px;padding-bottom:5px; color: #999;}
.tr-bd .price_box .total_price span{color:#f00;}
.tr-bd .price_box .payment{ color:#aaa; font-size: 12px; border-top:1px #f5f5f5 solid;padding-top: 5px;}
.tr-bd .finish{ width:100%; color:#000;}
.tr-bd .finish .status{ color:#eb4d1b; margin-bottom:5px;}
.tr-bd .finish .status_finish{color:#aaa;}
.tr-bd .finish .detail{ margin-top:5px;}
.tr-bd .finish a{ color:#000;}
.tr-bd .finish a:hover{ color:#00388D;}
.tr-bd .opator .pay{ margin-bottom:5px;padding: 0 15px;}
.tr-bd .opator .pay a{ color:#fff; background:#00388D; width:100%; height:30px; line-height:30px; text-align:center; display:inline-block; text-decoration: none;}
.tr-bd .opator .pay a.waite{ background:#fff; border:1px #bbb solid; color:#999;}
.tr-bd .opator .cancel{ color:#aaa;}
.tr-bd .opator .cancel a{ color:#aaa;}
.tr-bd .opator .cancel a:hover{ color:#00388D;}
.order_content .table tbody+tbody{ border-top:none;}
.line{border-bottom: 1px #f5f5f5 solid; width:100%}
/*订单详情*/
.order_detail .detail{ font-size:24px;}
.order-process{ margin:auto auto 20px auto; position:relative; display:inline-block; text-align:center;overflow: hidden;background: #fff;padding-top: 30px}
.order-process .node{ width:20%; display:inline-block; position:relative; height:130px; text-align:center;float: left}
.order-process .node .time{ width:100%; display:inline-block; text-align:center; color:#666; font-size:12px; height:30px;}
.order-process .node .icon{ background:url(https://resource.xp-pen.com/newxp/static/images/order-03.webp) no-repeat center; height:30px;}
.order-process .node .text{ text-align:center; color:#666; font-size:12px;}
.order-process .node ul{ width:100%; float:left;}
.order-process .node .proce{ height:1px; border-bottom:1px #000 dashed; width:91%; float:left; position:absolute; top:36%; left:55%}
.order-process .ready .proce{ height:1px; border-bottom:1px #91c42f solid; width:90%; float:left; position:absolute; top:36%; left:55%}
.order-process .ready .icon{background:url(https://resource.xp-pen.com/newxp/static/images/order-01.webp) no-repeat center; }
.order-process .next .icon{background:url(https://resource.xp-pen.com/newxp/static/images/order-02.webp) no-repeat center; height:30px;}
.order-process .next .proce{  left:58%;width:88%;}
.order-process .last{ width:20%;}
.order-process .last ul{ width:100%;}
.order_info .table{ margin-bottom: 0;}
.order_info .table thead tr th{ border-bottom:none;}
.order_info .table tbody tr td{ border-top:none;}
.order_info .first{ border-right:1px #f5f5f5 solid;}
.order_info .table ul{ font-size:14px; padding:10px;}
.order_info .table ul li{ line-height:30px;}

.order_shop .table thead tr th{ border-bottom:1px #f5f5f5 solid; border-right:1px #f5f5f5 solid; text-align:center;}
.order_shop .table thead .name{ width:55%;}
.order_shop .table thead .number{ width:15%;}
.order_shop .table thead .price{ width:15%;}
.order_shop .table thead .opator{ width:15%;}
.order_shop .table tbody tr td{ border-top:none;border-right:1px #f5f5f5 solid; text-align:center ; border-bottom:1px #f5f5f5 solid;}
.order_shop .table{border-top:1px #f5f5f5 solid; border-left:1px #f5f5f5 solid;}
.order_shop .table s{color:#999;}
.order_shop .table .total{text-align:right;}
.order_shop .table .price_format{font-size: 14px;  }
.order_shop .table .total_price{font-size:24px}

.total_btn{width: 98%;  margin: 0 auto;}
.total_btn a.btns{color:#fff; background:#00388D;  height:35px; line-height:35px; text-align:center; display:inline-block; padding:0 15px; text-decoration:none;}
.total_btn .pay_btn{ margin:15px 0;}
.total_btn a.cancel{ color:#999; vertical-align:bottom;}
.total_btn a.cancel:hover{ color:#00388D;border-bottom:1px #eee solid;}
@media screen and (max-width: 992px) {
    .cartRelation .relation_header .tit{width: 500px;}
}
@media screen and (max-width: 768px) {
    .order-process .node{ width: 35%;}
    .order-process .last{width: 30%}
    .order-process .next .proce {left: 60%;width: 73%;}
    .order-process .ready .proce{width: 82%}
    .cartRelation .relation_header .tit{font-size: 24px; width: 400px;}
}

/*个人资料*/
.user_info{ padding:10px;}
.user_info .col-1{ margin-bottom:25px; font-size:12px;}
.person{ width:100%;}
.person ul li{width:100%; margin:15px 0px 0 0; display:inline-block; text-align:left;}
/*.person ul li span{ width:15%; text-align:right; vertical-align:top; margin-right:15px; display:inline-block;}*/
/*.person ul li div{ width:70%; display:inline-block;}*/
.person ul li .litpic{ display:inline-block; vertical-align:top;}
.person ul li label{ cursor:pointer;vertical-align: top; font-size:14px; margin-left:2px;}
.person ul li select { display:inline-block; width:21%; vertical-align:middle;}
.litpic .portrait1{ width:130px; height:130px;border: #eee 1px solid; vertical-align:bottom;}
.litpic .img_desc{ width:50%; color:#616161; font-size:14px; line-height:25px; float:left; margin-left:15px;}
.litpic .change_portrait{ color:#333; width:150px; display:inline-block; background:#f5f5f5; height:50px; line-height:50px; text-align:center; border:1px #eee solid; vertical-align:bottom;}
.fleft{ float:left;}
.litpic .change_portrait_font{ display:inline-block; width:100%; font-size:12px;}
/*.person input[type="text"],.person input[type="password"]{border: 0;height: 40px; line-height:40px; font-size:14px;margin-top: 3px; padding-left:10px;background-color: #FFF!important;border: 1px solid #D4D4D4; width:85%}*/
.person .input-sub{ width:100%; margin-top:20px;}
.person .input-sub .btn6{ color:#fff; background:#00388D; border:none; width:150px; height:45px; margin-left: 17%; font-size:20px;}

/*收货地址管理*/
.address_list{ width:100%;}
.address_list .header{ margin-bottom:15px;    padding: 15px 0 0 15px;}
.address_list .header a{ width:150px; background:#00388D; color:#fff; text-align:center; height:35px; line-height:35px; display:inline-block;}
.address_list .header span{ color:#999; font-size:12px; margin-left:15px;}
.address_list .table{ font-size:14px; border-top:1px #eee solid; border-left:1px #eee solid;}
.address_list .table thead tr th{ border-bottom:none; background:#f5f5f5; font-size:14px}
.address_list .table td{ border-top:none; border-bottom:1px #eee solid;border-right:1px #eee solid; border-top:1px #eee solid; font-size:14px}
.address_list .table td .red{ color:#f00;}
.address_list .h3{ margin:0; font-size:14px; font-weight:bold; float:left;}
.address_list a.more_collect{ float:right; color:#999; background:none; width:auto; height:auto; line-height:none;}
.address_list .head{ padding: 15px 10px 0 10px;float: left;  width: 100%;}
.address_list .head h4{ margin-top:0px; float:left;}
.address_list .head ul{ float:right;}
.address_list .head ul li{ display:inline; margin-left:15px;}
.address_list .head ul li a{ color:#999;}
.address_list .head ul li.current a{ color:#00388D; text-decoration:underline}
.address_list p{margin-left: 1.5625rem;color: #5E6061;font-size: 0.875rem; margin-top: 1.25rem;}
.address_list span{ margin-left: 0.5625rem;color: #292B2C; font-size: 0.875rem;}
/*提交订单*/
.add_order{ margin-top:25px;}
.add_order .header h2{ font-size:18px; margin:15px 0;}
.add_order .address{ margin-top:25px;}
.add_order .address .tit{ border-bottom:1px #eee solid; float:left; width:100%; padding-bottom:5px;}
.add_order .address .tit h3{ float:left; margin:0; padding:0; vertical-align:middle; font-size:16px; font-weight:bold;}
.add_order .address .tit span{ float:left; margin:0; padding:0; font-size:12px; margin-left:5px; margin-top:3px;}
.add_order .address .tit a{ float:left; margin-top:10px;}
.add_order .address .keyname{ color:#999; font-size:12px;}
.add_order .address span.red{ font-size:12px;}
.address .order_address{ margin-top:10px;}

.address .order_address li{ border:#f5f5f5 1px solid; padding:10px 20px; float:left; width:100%; margin-bottom:10px; overflow:hidden; }
.address .order_address li.active,.address .order_address li:hover{ border:#00388D 1px solid; background:#f5f5f5; }
.address .order_address li .name{ float:left; width:30%; vertical-align:middle;line-height:40px;cursor:pointer}
.address .order_address li .dizhi{ float:left; width:60%; line-height:20px;cursor:pointer}
.address .order_address li .edit{ float:left; width:10%; text-align:right;line-height:40px; font-size:12px}
.address .order_address li .edit a{ color:#999;}
.address .order_address li .edit a:hover{ color:#00388D; text-decoration:underline;}
.address .order_address dl{ margin:0; padding:0; float:left; width:100%; }
.address .order_address dl dd{ float:left; width:15%;overflow:hidden;border:#eee 1px solid; margin-bottom:15px; margin-right:1.5%;}
.address .order_address dl dd.active,.address .order_address dl dd:hover{ border:#00388D 1px solid;}
.address .order_address dl dd a{ float:left; width:100%}
.address .order_address dl dd img{ width:100%}
.order_address .shop_info .spec{ font-size:12px;}
.nologin-tip {background: #f9f9f9;line-height: 25px;margin-bottom: 20px;color: #5E6061; text-align:left;font-size: 16px}
a.btn-1 {
    display: inline-block;width: 7.5rem;height: 2.6875rem;line-height: 2.6875rem;background-color: var(--main-color);-webkit-border-radius: 3px;-moz-border-radius: 3px;
    border-radius: 3px;color: #fff;font-size: 1rem;font-weight: 400;padding: 0 10px;vertical-align: middle;cursor: pointer;margin-left: 10px;text-align: center;
}
a.btn-1.hover{ color:#fff;}
.default_address{ color:#00388D; font-size:12px}
.address .shop_info .tit{ border-bottom:none;}
.address .table { margin-bottom:0;}
.address .table tr th{ background:#f5f5f5; border-bottom:none; text-align:center;}
.submit_order_{ padding:15px 0;   text-align:right; font-size:18px;}
.submit_order_  ul li{ margin-bottom:5px;}
.submit_order_  ul .order_li{display: flex;justify-content: space-between;padding: 5px 0}
.submit_order_  ul .order_li_border{border-bottom: 1px solid #E2E2E2;}
.submit_order_ span{ font-size:14px;}
.submit_order_ span.t,.preference .t{ font-size:16px;color: rgba(0,0,0,0.88);}
.submit_order_ span.p,.preference .p{ font-size:16px; color:#292B2C; display:inline-block; text-align:left; padding-left:20px;}
.submit_order_ h3 span.p{ font-size:24px;font-weight:bold;}
.submit_order_ h3 span.p em,.submit_order_ span.p em{ font-style:normal;}
.submit_order_ .total_address{font-size:12px; margin-top:10px;}
.preference{ cursor: pointer;display: flex;justify-content: space-between;padding: 10px 0;}
.preference .t{}
.hand_details{ padding-bottom:40px;}
.hand_details .title{ margin-bottom:20px;}
.address .affirm_wrap{ width:45%; float:left; height: auto;}
.address .coupon{  border: 1px solid #f6f6f6; position: relative;}
.address .coupon{ margin-left:10%;}
.address .add_remark{ margin:15px 0 0 0;}
.address .add_remark  .user_coupon{ width:30%; float:left; margin-right:10px;}
.address .add_remark .coupon_text{ width:30%; float:left; margin-right:10px;}
.address .wuliu{ width:49%; display:inline-block; font-weight:100;vertical-align: text-top;}
.address .wuliu h4{ font-size:16px; margin-top:20px;}
.address .wuliu .pos-rel{ width:100%; display:inline-block;cursor:pointer; line-height: 30px;}
.address .wuliu .pos-rel .p em{color: #f00;}
.address .wuliu .pos-rel .ace{ margin-right:5px;}
.orderDistributionTime{ margin-top: 15px;}
.affirm_wrap .tabNav{height:auto;overflow: hidden;  width: 100%;  background-color: #f6f6f6;  display: block;}
.affirm_wrap .tabNav li{ float: left; padding: 10px 15px; width: auto; display: block; text-align: center;}
.affirm_wrap .tabNav li a{ color: #666; text-decoration: none;}
.affirm_wrap .tabNav li.active{ background: #ffffff;}
.affirm_wrap .tabNav li.active a{ color: #ff0000;}
.affirm_wrap .tab-content{ padding: 0px 15px 0 15px; display: inline-block; height: 120px; width: 100%;}
.affirm_wrap .balance{ position: absolute; bottom: 0; left: 0;width: 100%; background: #f5f5f5; height: 37px; line-height: 37px; padding-left: 15px;}
.affirm_wrap .v-balance{margin-top: 30px; color: #666;}
.affirm_wrap .v-balance .ftx-01{ color: #ff0000;}

.submit_order_btn{ width:100%; display:inline-block}
/*.order_shop th{ font-weight:100;}*/
.address .order_shop td{ padding:20px 15px;}
/*关注商品*/
.follow ul li{ margin:0 0 25px 0; padding:0; }
.follow ul li .row{text-align:center; font-size:12px; margin:0 7px 0 7px; padding:0;}
.follow ul li a{ color:#333; display:inline-block;}
.follow ul li .img{ display:inline-block; width:100%;}
.follow ul li .img img{ width:100%; display:inline-block;}
.follow ul li .tit{ padding:20px 0px 0 0px; text-align:center;display:inline-block;}
.follow ul li .tit a{ color:#000;  word-break: keep-all;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; display:inline-block; width:90%; margin:0 auto; font-size:14px}
.follow ul li .tit a:hover{ color:#00388D;}
.follow ul li .description{ font-size:12px; color:#666; max-height:40px; line-height:20px; overflow:hidden;}
.follow ul li .cart_box{ margin:20px 0 10px 0;}
.follow ul li .price{ color:#000; font-size:16px; text-align:center; font-weight:bold; padding:10px 0;}
.follow ul li .comment_box{float:left;margin-right:10px; }
.follow ul li .comment_box a{ width:50%; height:34px; line-height:34px;    float: left;}
.follow ul li .comment_box a.comment{}
.follow ul li .icon{ float:left; background:#f9f9f9;}
.follow ul li .icon .iconfont{ margin-right: 3px; vertical-align: top;}
.follow ul li .icon a{ width:50%;display:inline-block;   height:auto;overflow: hidden; line-height:34px; float:left; text-align:center;}
.follow ul li .icon a.addwish{ background:none; border-right:1px #eee solid;}
.follow ul li .icon a.addwish:hover{ background:none; text-decoration: none;color: var(--main-color);color: #00388D;}
.follow ul li .icon a.cart{ background:none;padding-left: 10px;}
.follow ul li .icon a.cart:hover{ background:none;text-decoration: none; color: var(--main-color);color: #00388D;}

/*申请寄修*/
.repair_header{ background:#f5f5f5; }
.repair_header ul{ width:100%; display:inline-block;}
.repair_header li{ padding:20px;}
.repair_header li .icon{ float:left; width:15%; text-align:left;}
.repair_header li .icon img{}
.repair_header li .info{ float:left; width:80%;}
.repair_header li .info .tit{ color:#000000; font-size:14px; margin-bottom:5px;}
.repair_header li .info .description{ color:#666; font-size:12px}
.repair_header .tip{ text-align:center; color:#666; margin-bottom:20px;}
.repair_info{ margin-top:40px;}
.repair_info .tit{ border-bottom:1px #eee solid; font-size:18px; padding-bottom:5px;}
.repair_info .info{ width:90%; margin:0 auto; padding-top:15px;}
.repair_info .info li{ width:100%; display:inline-block; padding:5px 0;}
.repair_info .info li .name{ width:15%; float:left; text-align:right; padding-right:15px;}
.repair_info .info li .input{ width:55%; float:left;}
.repair_info .info li .input .wuliu_name{ margin-bottom:10px;}
.repair_info .info li .input .labels{ margin-bottom:10px; font-weight:100;}
.repair_info .info li .input .labels .help-block{ margin:0; padding:0; font-size:12px}
.repair_info .info li .input .labels label{ font-weight:100;}
.repair_info .info li .input .pos-checkbox{ font-weight:100; float:left; width:33.3%}
.repair_info .info li .input .pos-checkbox input{ float:left; margin-right:3px;}
.repair_info .info li .input .btn6{ color:#FFF; background:#00388D; border:none; font-size:14px; width:120px; height:40px;}

/*搜索页*/
/*.search_header{ border-bottom:1px #eee solid;}*/
.search_header .form{ display:inline-block; width:50%; float:left; margin-bottom:25px;}
.search_header .form .search_text{height:45px; width:85%; line-height:45px; float:left;border:1px #ddd solid; padding-left:15px; border-right:none;border-radius: 4px 0 0 4px}
.search_header .form .search_btn{ border:none; width:15%; height:45px; float:left; background:#00388D; color:#fff;text-align: center;border-radius: 0 4px 4px 0}
.search_header .search_result{ width:100%; display:inline-block; font-size:16px; color:#000000; margin:20px 0;font-weight: 800;}
.search_header .search_result span{ font-size:16px; color:#000;}
.search_list{ margin-top:0;}
.search_list .search_box{ float:left; width:100%;}
.search_box li{width: 100%;display: block;float: left;  align-items: center;}
.search_box li .img{ 
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.search_box li .img img{
    width: 100%;
    height: 100%;
    /* width: 310px; */
    /* height: 310px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search_box li .info{ 
    width: 100%;
    padding: 18px;
}
.search_box li .info .tit{ width:100%; color:#141414; text-decoration:none; font-size:16px;font-weight: bolder;max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
    font-weight: 700;
    font-size: 18px;
    color: rgba(0,0,0,0.88);
    line-height: 30px;
}
/*.search_box li .info .tit a{ color:#000; text-decoration:none; font-size:14px;}*/
/*.search_box li .info .tit a:hover{ color:#00388D;}*/
.search_box li .info .tit:hover{ color:#141414;}

.search_box li .info .desc{ width:100%; float:left; color: rgba(0,0,0,0.45); font-size:14px; margin:10px 0 20px 0; line-height:20px; min-height:60px; overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 定义文本的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.search_box li .info .price{ color:#F54628; font-size:16px; font-weight: bolder;font-weight: 700;}
.search_box li .info .btns{ float:left; width:100%; margin-top:10px;}
.search_box li .info .btns a{ margin-right:5%;}
.search_box li a{ float:left;}
.search_container{
    width: calc(100vw - 64px);
    max-width: none !important;
}
@media screen and (min-width: 1920px) {
    .search_container{
        width: calc(1616px - 64px) !important;
        max-width: none !important;
        padding: 0 !important;
    }
}

/* 笔记本小屏界面 */
@media screen and (max-width: 1366px) and (min-width: 1281px){
    .search_box li .img img{width: 310px;height: 310px;}
    .search_box li{width: 350px;display: block;float: left;height: 470px;  align-items: center;margin-right:  20px;}
    /*.search_box li .info .desc {width: 310px;height: 28px; margin-right: 20px;margin-left: 28px;  align-items: center;}*/
    .search_container{ max-width: 88% !important; padding: 0!important;  margin-left: 10%!important}
}
@media screen and (max-width: 1280px) and (min-width: 761px){
    .search_container{ max-width: 88% !important; padding: 0!important;  margin-left: 8%!important}
}
@media screen and (max-width: 768px ){
    .search_header .form{ width: 100%;}
    .search_header .form .search_text{width: 75%;}
    .search_header .form .search_btn{width: 25%;}
    .search_header{padding: 0 10px;}
    .search_box li .img img{width: 200px;height: 200px;}
    .search_box li{width: 33%;display: block;float: left;height: auto;  align-items: center;margin-right:  0;}
    /*.container{ max-width: 100% !important; padding-right: 10px;padding-left: 10px;}*/
    .search_container{ max-width: 100% !important; padding-left: 10px !important;padding-right: 10px !important;  margin-right: auto !important;margin-left: auto !important}

}
@media screen and (max-width: 576px ){
    .search_box li{width: 50%;}
    .search_box li .img img{width: 150px;height: 150px;}
}
/*我的积分*/
.integral {width: 100%;height: auto;overflow: hidden; background: #ffffff;}
.integral .title {  width: 100%;  height: 40px;  line-height: 40px;  font-size: 16px;  border-bottom: 1px solid #f5f5f5; margin-left: 10px; }
.integral .total_info {  width: 100%;  margin: 60px auto;  padding-left: 30px;  }
.integral .total_info ul {  width: 100%;  height: auto;  overflow: hidden;  }
.integral .total_info ul li {  float: left;  font-size: 14px;  color: #333;  font-weight: 600;  }
.integral .total_info ul li span {  font-size: 24px;  color: #e01d20;  font-weight: 200;  }
.integral_info {  width: 100%;  height: auto;  overflow: hidden;  }
.integral_info .info_nav {  margin-top: 30px;  width: 100%;  height: auto;  overflow: hidden; float: left;}
.integral_info .info_nav .legend { width: 100%; margin: 0px auto 0 auto; padding: 40px 0; float: left;}
.integral_info .info_nav .padding20{ padding: 20px 10px 20px 10px;  width: 100%; float:left;}
.integral_info .info_nav .legend .table{ width: 98%; margin: 0px auto 0 auto; }
.integral_info .info_nav .legend .table tr th{background-color: #f5f5f5;  color: #999;}
.integral_info .info_nav .legend .table tr td,.integral_info .info_nav .legend .table tr th{padding: 0 0;  border-top: none;  border-bottom: 1px solid #f5f5f5;  text-align: center;  font-size: 14px;  height: 40px;  line-height: 40px;}
.integral_info .info_nav .tabNav {  width: 100%;  border-bottom: 1px solid #f5f5f5; float: left;margin-left: 10px;}
.integral_info .info_nav .tabNav li {  font-size: 16px;  color: #999;  text-align: center;  float: left;  position: relative; float: left; }
.integral_info .info_nav .tabNav li a{  color: #999; text-decoration: none; padding: 0px 15px;float: left;}
.integral_info .info_nav .tabNav li.active{border-bottom: 1px #333 solid;}
.integral_info .info_nav .tabNav li.active a{ color: #333333;}

/*我代金券*/

/*我的提问*/
/*.ask_list{ margin-bottom:30px;}*/
.ask_title{ border-bottom:1px #eee solid;padding:1.5rem 1.5rem 0 1.5rem;}
.ask_title ul{display: flex;margin-top: 1rem;}
.ask_title ul li{font-weight: 400;font-size: 14px;line-height: 1.6;color: #5E6061;margin-right: 30px;padding-bottom: 10px;cursor: pointer;}
.ask_title ul li a{ color:#333;}
.ask_title ul li.active{border-bottom: 2px solid #00388D;}
.ask_title ul li.active a{ color:#00388D; text-decoration:underline}
.ask_list .ask_content{ margin-top:20px;}
.ask_list .ask_content ul li{ width:100%; display:inline-block;  border-bottom:1px #f0f0f0 dashed; padding:20px 0 15px 0;}
.ask_list .ask_content ul li .question{ width:100%; display:inline-block;}
.ask_list .ask_content ul li .answer{ margin-top:15px; font-size:12px;}
.ask_list .ask_content ul li .question .my_question{ width:10%; float:left; font-size:14px; text-align: center;}
.ask_list .ask_content ul li .question .my_question_title{ width:85%; float:left; font-size:14px}
.ask_list .ask_content ul li .question .my_question_title a.tt{ width:100%; display:inline-block; font-size:14px; color:#00388D; text-decoration:none;}
.ask_list .ask_content ul li .question .my_question_title .date{ color:#999; font-size:12px; width:100%; display:inline-block; margin:3px 0 0px 0;}
.ask_list .ask_content ul li .question .my_question_title .date span{ margin-right:15px; float:left;}
.ask_list .ask_content ul li .question .my_question_title .more .open_reply_list{ margin-right:15px;}
.ask_list .ask_content ul li .question .my_question_title .t{ margin-bottom:10px;}
.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
.emailist li{padding:2px 11px; cursor:pointer; margin-bottom:0!important;}
.emailist .on, .emailist li:hover{background-color:#eee;}
.u-flyer {display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;}
#msg{ z-index:10000; width:1px; height:42px; line-height:42px; font-size:16px; text-align:center; color:#fff; background:#360; margin-bottom:20px; display:none}
.clock_w {width: 15px;vertical-align: middle; margin-right: 5px;}
/*.cart_nologin{ margin-top:25px; margin-bottom:0px;}*/

.address .form-control{ border-radius:0;}
.add_address{ font-size:14px; width:100%;float: left;padding: 0 !important}
.save_address label{ font-weight:100;}
.save_address label .red{ color:#f00; margin-right:2px;}
/*.save_address .form-control{ border-color: #ece8e8; border-radius:0}*/
.has-error .form-control{border-color: #ee4624;}
.save_address .form-inline-width .form-group{ width:49%; display:inline-block; margin-right:2%;vertical-align: text-top;position: relative}
.save_address .form-inline-width .form-group:last-child{ margin-right:0;}
.save_address .address_btn{ text-align:center;}
.save_address .address_btn .btn{ background:#00388D; border-radius:0; height:38px;}
.address_list_box{ margin-top:20px;padding:0 10px;}
.address_list_box .add_address .mt20 .fleft{ width:70%}
.address_list_box .add_address .mt20 .left{ width:25%}
.address_list_box .address_btn{ width:100%; display:inline-block; text-align:center;}
.address_list_box .address_btn .btn{ margin:15px 0 35px 0; background:#00388D; border-radius:0;}
/*订单支付页*/
.order-ha { margin:20px 0;}
.erhuh{border-top: 2px solid #7abd54;background-color: #f1f8ee;position: relative;display: flex;align-items: center;justify-content: center;padding: 20px 0}
.icon-succ{display: inline-block;width: 72px;height: 72px;background-position: 0 0; background:url(https://resource.xp-pen.com/newxp/static/images/icon30.webp) no-repeat}
.icon-succa{display: inline-block;width: 72px;height: 72px;background-position: 0 0; background:url(https://resource.xp-pen.com/newxp/static/images/icon33.webp) -34px 0 no-repeat}
.icon-sucsa{display: inline-block;width: 72px;height: 72px;background-position: 0 0; background:url(https://resource.xp-pen.com/newxp/static/images/icon33.webp) -116px 0 no-repeat}
.order-payment-info{padding-left: 16px;line-height: 1.6}
.erhuh h3{font-size: 18px;color: #7baa61;padding: 0 0 2px; font-weight:400}
.erhuh p{ color:#777}
.erhuh p b{font-size: 14px;color: #e01d20;}
.succ-tip{padding-top: 0px;color: #777;}
.succ-tip b{ font-size:14px}
.ddxq-xiaq{ border-top:1px solid #d7ebcb;text-align: center}
.ddxq-xiaq a{display: inline-block;background-color: #f5f7f8;border: 1px solid #d7ebcb;border-top-color: #f1f8ee;margin: -1px auto 0;position: relative;font-size: 14px;color: #649a45;padding: 8px 10px}
.ddxq-xiaq a i{position: absolute;height: 3px;font-size: 1px;line-height: 1px; width: 6px;left: -17px;top: 16px;}
.orde-sjyy{}
.titls{font-size: 20px;border-left: 4px solid #e5e5e5;padding-left: 6px;line-height: 1.1;margin-bottom: 16px; font-weight:400}
.titls b{font-size: 12px;font-weight: 400;color: #28c0c6;margin-left: 8px;}
.titls b a{color: #28c0c6;}
.bsjy-g{ width: 100%;padding: 0; }
@media screen and (max-width: 640px){
    .icon-succ,.icon-succa,.icon-sucsa{width: 176px;}
}

.dsfzfpte{text-align: center;height: 30px;line-height: 30px;border-bottom: 1px solid #dedede;background-color: #fcfcfc;}
/* .dsfzf-ee{padding: 30px 0 0 0;} */
.dsfzfpte b{ font-weight:400}
.dsfzf-ee ul{justify-content: space-between;flex-wrap: wrap;padding-left: 0;}
.dsfzf-ee ul li{width: 25%;padding-bottom: 25px; margin-right:15px;}
.payment-area, .payment-area label {display: inline-block;position: relative;width: 100%}
.payment-area input[type=radio]{ margin-right:5px; cursor:default}
.payment-area label{display: inline-block;position: relative;border: 1px solid #ededed;padding: 10px 10px 10px 10px;}
.payment-area label img {vertical-align: middle;cursor: pointer; width:100%;}
.payment-area label:hover{ border-color:#0089CC}
.pay_selected label {border: 1px #0089CC solid; background: url(https://resource.xp-pen.com/newxp/static/images/jiaobiao.webp) no-repeat right bottom;}
.order-payment-action-area {padding: 30px ;text-align: left; border-top: 1px solid #dedede;float: left;    width: 100%;}
.order-payment-action-area .voucher-use {font-size: 14px;margin-right: 20px;color: #888;line-height: 20px;}
order-payment-action-area {padding-top: 30px;text-align: right;}
.button-confirm-payment, .button-go-payment {font-size: 16px;width: 148px;height: 45px;line-height: 45px;}
.button-style-5 {color: #FFF;background-color: #d81b24;border: 1px solid #d81b24;display: inline-block;text-align: center;cursor: pointer;}
.order-payment-action-area .voucher-use label {color: #333;margin-right: 20px;}
.button-style-5:hover {background-color: #db2d35;border-color: #db2d35; text-decoration:none; color:#fff;}

.wihe-ee{ background:#FFF; padding:25px 25px 0 25px; color:#666;  font-size:14px;  margin:0 auto; margin-top:2%; overflow:hidden;}
.wihe-ee p{text-align:center}
.co999{color:#999}
.fo-si-18{font-size:18px}
.re-qtzfgg{ margin-top:25px;}
.fail-fasu{float:left;   text-align:center}
.success-fasu{float:right; text-align:center}
.fail-fasu a:hover{ background-color:#ee9775}
.fail-fasu a{padding:8px 24px; background-color:#f8a584; display:table; margin:0 auto; color:#fff; text-decoration:none; margin-top:10px}
.re-qtzfgg a,.success-fasu a{padding:8px 24px; background-color:#eee; display:table; margin:0 auto; color:#999; text-decoration:none; margin-top:10px}
.re-qtzfgg a{ width: 100%; text-align: center;}
.re-qtzfgg a:hover,.success-fasu a:hover{background-color:#ddd;}
.fail-success{overflow:hidden;    padding-top: 15px;}

.cart_list_box{margin:0px 0 0 15px; padding:0px 20px 20px 20px; display:inline-block; width:100%;}
.cart_list_box  .titls a{ float:right;}
.card_list{ width:100%;}
.card_list { width:100%; margin:0; padding:0; font-size:12px;}
.card_list li{ width:100%; border:1px #f5f5f5 solid; float:left; margin-bottom:15px; line-height:35px; height:35px;}
.card_list li label{ cursor:pointer;}
.card_list li .name{ float:left; padding:0 15px;}
.card_list li .dizhi{ float:left; padding:0 15px; width:50%}
.card_list li .dizhi .contact{ float:left; width:35%;}
.card_list li .dizhi .info{ float:left;  width:25%;}
.card_list li .edit{ float:left; padding:0 15px;}
.card_list li.active{background-color: #FCF5EE;    border: 1px solid #FBD8B4;    border-radius: 5px;}
/*订单支付页*/
.kb-input-content{ background-color: #fff;  background-image: none;  border: 1px solid #ccc;  border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    position:relative;
}
.kb-input-content textarea{ border:none;width:100%; height:130px;transition:none;resize:vertical;outline:none;padding: 6px 12px;  font-size: 14px;  line-height: 1.42857143;  color: #555;  background-color: #fff;  background-image: none;}
.kb-input-content #kb-input-tip{ display:inline-block; width:100%; text-align:right; position:absolute; right:15px; bottom:5px;}
.kb-input-content .input-number-tip{ margin:0px 0px 5px 0px;color: #999;}
.kb-input-content .warm{ color:#f00;}
.user_comment_box .table{ margin-top:10px;}
.user_comment_box .table>thead{ padding-bottom:10px;}
.user_comment_box .table>thead>tr>th{ border:none; text-align:center}
.user_comment_box .table>tbody>tr>td{ border:none;  padding:15px 0; border-bottom:1px #f5f5f5 solid}
.user_comment_box .table>tbody>tr>th{ border:none;}
.user_comment_box .name_left{ width:50%;}
.user_comment_box .content{ width:40%;}
.user_comment_box .opator{ width:10%;}
.user_comment_box tbody{ border:1px #f5f5f5 solid;}
.user_comment_box .table .spec_bg{ background:#f5f5f5; }
.user_comment_box .table .spec_bg span{ margin-left:15px;}
.user_comment_box .table .spec_bg  td{ line-height:none; line-height:10px;}
.user_comment_box .shop_info{ margin-right:10px;}
.user_comment_box .table>tbody+tbody{ border-top:none;}
.comment_title{ width:100%; display:inline-block;    margin-top: 20px;}
.comment_title .comment_raty{ width:100%; display:inline-block; margin:5px 0 10px 0;}
.comment_title .comment_raty .target-demo{ float:left;}
.comment_title .comment_raty .hint{ float:left;}
.comment_title .tit_box{ width:100%; display:inline-block}
.comment_title .tit_box .t{ width:100%; display:inline-block; margin-bottom:5px;}

.apply_info{ background: #ffffff;}
.apply_info .order-process{ margin:2rem auto 0 auto}
.apply_info .order-process .node{ width:33%; height:100px;}
.apply_info .order-process .next .proce{ left:54%; top:15%;}
.apply_info .order-process .ready .proce{ top:15%;}
.apply_info .order-process .last{ width:33%;}
.apply_info .select_title{ background:#f5f5f5; display:inline-block; height:50px; line-height:50px; font-size:16px; width:100%; text-indent:20px; border-left:2px #00388D solid}
.apply_procude_list{ margin-top:25px;}
.apply_procude_list  ul li .tit{ text-align:center;}
.apply_procude_list .apply_btn{ text-align:center; margin-bottom:15px;margin-top: 15px}
.apply_procude_list .apply_btn a{ background:#00388D; color:#FFFFFF; width:auto; margin:0 auto; text-decoration:none}
.section-bd {margin: 16px 0 16px 0;}
.section-bd .product-detail {position: relative; display:inline-block;padding:20px;display: flex;justify-content: space-between; }
.section-bd .product-detail .detail-list {margin: 0;  width:70%;}
.section-bd .product-detail .goods-info-box-list{display: flex;align-items: center}
.section-bd .product-detail .detail-list .item-no{ color:#999; font-size:12px;}
.section-bd .product-detail a{ float:right;}
.section-bd .product-detail .thumb{ margin-right:15px;}
.service-label-list { margin: 0;    padding: 0 20px;    list-style-type: none;    overflow: hidden;    _zoom: 1; width:100%;}
.service-label-list li {  height: auto; float:left; width:auto; margin-right: 10px;  cursor:pointer; color:#757575;}
.service-label-list label { height: auto;font-size: 14px; display: block;padding: 10px 15px; font-weight:400; border:1px #ddd solid;border-radius: 4px; text-align:center;cursor:pointer}
.service-label-list label.active { border-color: var(--main-color);color: var(--main-color);color: #00388D; cursor: default;}
.service-label-list label input ,.product_quest_type li input{    display: none;}
.product_quest_type { width:100%; display:inline-block; float:left; margin-top:25px; }
.product_quest_type ul{ width:100%; display:inline-block;padding: 0 1rem}
.product_quest_type .filelist{padding: 0}
.product_quest_type li{  float:left; margin:0 5px 10px 5px; color:#757575;}
.product_quest_type li label { height: auto;font-size: 14px;display: block; font-weight:400; border:1px #ddd solid; text-align:center;cursor:pointer;padding: 10px 15px;border-radius: 4px}
.product_quest_type li label.active {border-color: var(--main-color);color: var(--main-color);color: #00388D; cursor: default;}
.label-title{ margin-top: 25px;margin-bottom: 20px;font-size: 14px; font-weight: 400;color: #757575;}
.apply_info .show_textarea{ padding: 0 20px;}
.apply_info .uploader_box{ padding: 0 20px;}
.apply_info .reply_btn a{ width:150px; height:45px; line-height:45px; text-align:center; background:#30a0f4; color:#fff; display:inline-block;}
.shipping_info{ margin:25px 20px; display:inline-block;width: 90%}
.send_address{ line-height:35px;padding: 20px 20px 10px 20px}
.send_address p{color: #5E6061;font-size: 0.875rem;}
.send_address span{color: #292B2C;font-size: 0.875rem;}
.apply_infos .order-process .node .proce{ top:15%; }
.select_Specification{padding: 25px 85px 0 20px;color: #757575;}
.select_Specification .span{color: rgba(255, 0, 0, 1);vertical-align: middle;}
.select_Specification .Specification_title{
    width: 148px;
    margin-right: 30px;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 400;
    color: #333333;
}
.select_Specification .Specification_input{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.select_Specification .textinp{
    padding-left: 20px;
    flex: 1;
    width: 747px;
    height: 46px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    opacity: 1;
    border-radius: 4px;
}
.select_Specification .radioinp{
    border: none;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #191919;
}
.select_Specification .radioinp input{
    width: 20px;
    height: 20px;
}
.select_Specification .radioinp input{
    margin-right: 10px;
}
.select_Specification .textareainp{
    height: 92px;
    padding: 20px;
}
@media (max-width: 767px) {
    .select_Specification{padding: 20px 20px 0 20px;}
    .select_Specification .Specification_input{
        display: block;
    }
    .select_Specification .textinp{width: 100%;}
    .Specification_title{margin-bottom: 10px;}
    .select_Specification .device-serial_radio{
        display: flex;
        justify-content: space-between;
    }
    .select_Specification .radioinp{
        flex: 1;
        text-align: right;
    }
    .service-label-list li:last-child{margin-right: 0;}
    .section-bd .product-detail .detail-list{width: 100%;}
    .promotion_class .bef_fo2 {
        min-width: 210px;
    }
}


.apply_infos .order-process .node{ width:33%}
.apply_infos .order-process .last{ width:30%;}
.shipping_info .blank li{ display:inline-block; margin-bottom:10px;}
.shipping_info .blank li span{ padding-bottom: 1.5rem}
@media screen and (min-width: 768px) {
    /*.shipping_info .blank li .invoice_no{ width:50%;}*/
}
@media screen and (max-width: 576px) {
    .shipping_info .blank li .invoice_no{ width:100%;}
    .shipping_info .shipping_name{width: 100%}
    .shipping_info .invoice_no{width: 100%}
    .apply_info .order-process .next .proce{left: 64%;}
}
/*Today's Deals*/
.today_deal_box{ margin-top:20px; padding:0;}
.today_deal_box .deal_list_left{}
.today_deal_box .deal_list_right{ padding:0;}
.deal_list_left dl{ width:100%;}
.deal_list_left dl dt{ color:#000; font-weight:bold; font-size:16px; border-bottom:1px #000 solid; height:35px; line-height:35px; margin-bottom:20px;}
.deal_list_left dl dd{ width:100%;}
.deal_list_left dl dd a{ color:#000; line-height:35px; text-decoration:none}
.deal_list_left dl dd a:hover,.deal_list_left dl dd a.active{ color:#00388D;}
.deal_list_right .t{ border-bottom:1px #f5f5f5 solid; line-height:35px; height:35px;}
.deal_list_right .t a{ color:#000; text-decoration:none;}
.deal_list_right .t a:hover{ color:#38a0f5;}
.deal_list_right .list{ border-right:1px #f5f5f5 solid; border-top:1px #f5f5f5 solid; display:inline-block; margin-top:20px; width:100%;}
.deal_list_right .list li{ border:1px #f5f5f5 solid;border-right:none;border-top:none; height:100%; position:relative;float: left}
.deal_list_right .list li.sales{ height:450px;}
.deal_list_right .list li.sales .promote_info{ color:#f00}
.deal_list_right .list li .row{ margin:10px 0; padding:0;}
.deal_list_right .list li .images{ display:inline-block; width: 100%;}
.deal_list_right .list li .images a{ display:inline-block; width: 100%;}
.deal_list_right .list li .images a img{width: 100%;}
.deal_list_right .list li .icon{ background:url(https://resource.xp-pen.com/newxp/static/images/deal_03.webp) no-repeat left; width:100%; color:#FFF;    height: 30px;    line-height: 30px; text-indent:10px; margin-top:15px; margin-bottom:5px; font-size:14px;}
.deal_list_right .list li .no_icon{ width:100%; color:#FFF;    height: 30px;    line-height: 30px; text-indent:10px; margin-top:15px; margin-bottom:5px; font-size:14px;}
.deal_list_right .list li .price{ font-size:20px; color:#000; display:inline-block; width:100%;}
.deal_list_right .list li .orgin_price{ line-height:20px; color:#333; font-size:12px}
.deal_list_right .list li .process_box{ width:100%; display:inline-block; margin:5px 0 0px 0;height: 30px;    overflow: hidden;}
.deal_list_right .list li .process_box .progress_height{ height:3px; line-height:3px; margin:5px 0 5px 0;}
.deal_list_right .list li .claimed{ font-size:12px; color:#808080; float:left;}
.deal_list_right .list li .end_time{ font-size:12px; color:#808080; float:right;}
.deal_list_right .list li .remove_claimed{ float:left;}
.deal_list_right .list li .shop_nme{ font-size:14px; color:#333; height:40px; line-height:20px; overflow:hidden;}
.deal_list_right .list li .shop_nme a{ color:#00388D; text-decoration:none}
.deal_list_right .list li .shop_nme a:hover{ color:#00388D;}
.deal_list_right .list li .promote_info{ font-size:12px;}
.deal_list_right .list li .condition{ font-size:12px; margin:10px 0;}
.deal_list_right .list li .comment{ display:inline-block; width:100%;margin-top: 5px;}
.deal_list_right .list li .comment .raty_demo{ float:left; vertical-align:middle}
.deal_list_right .list li .comment .comment_num{ float:left;margin-top: 3px;}
.deal_list_right .list li .comment .comment_num a{ color:#333;}
.deal_list_right .list li .add_btn{ width:90%;}
.deal_list_right .list li .add_btn a{ -webkit-appearance: none; background:#FF640A; color:#FFF; text-decoration:none; width:100%; margin:25px 0 20px 0; display:inline-block;}
.deal_list_right .list li .add_btn a:hover{ background:#FF7423}
.deal_list_right .list li .add_btn a.not_spike_state{ background:#e7e9ec; color:#333;border-radius: 3px;    border-color: #ADB1B8 #A2A6AC #8D9096;    border-style: solid;    border-width: 1px;}
/*Today's Deals*/

.refundBox h3{ height: 35px; line-height: 35px;}
.refundBox .table td a{ color: #333; text-decoration: none;}
.refundBox .table td a:hover{ color: var(--main-color);color: #00388D;}
.userCommentBox .black{ color: #333;}
.userCommentBox a:hover{color: var(--main-color);color: #00388D; text-decoration: none;}

.eta {width: 100%;height: auto;overflow: hidden;}
.eta .eta_title {width: 100%;  height: auto;  line-height: 18px;  font-size: 14px;  font-weight: normal;  font-stretch: normal;  margin: 0;  letter-spacing: 0;  color: #999999;  }
.eta .label-box {width: 100%;  margin-top: 10px;  }
.eta .label-box .regular-radio {  display: none;  }
.eta .label-box .regular-radio + label {  -webkit-appearance: none;  background-color: #fafafa;  border: 1px solid #cacece;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);  padding: 9px;  border-radius: 50px;  display: inline-block;  position: relative;  float: left;  margin-right: 10px;  }
.eta .label-box .regular-radio:checked + label:after {  content: ' ';  width: 12px;  height: 12px;  border-radius: 50px;  position: absolute;  top: 3px;  background: #f85d5f;  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);  text-shadow: 0;  left: 3px;  font-size: 32px;  }
.eta .label-box .regular-radio:checked + label {  background-color: #fff;  color: #99a1a7;  border: 1px solid #f85d5f;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0, 0, 0, 0.1);  }
.eta .label-box .regular-radio + label:active,  .eta .label-box .regular-radio:checked + label:active {  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);  }
.eta .label-box span {line-height: 20px;  float: left; width: 80%;}
.limit1 {margin: 5px 0 0 30px; border: 1px #ccc solid;}

.backTop {
    position: fixed;
    right: 15px;
    bottom: 20%;
    z-index: 100;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    display: none;
    background: #FF640A;
    width: 56px;
    height: 40px;
    border-radius: 9999px;

}
.backTop:hover{
    background-color: #FF7423;
}
.backTop:active{
    background-color: #E65A09;
}

.backTop i.icon {
    font-size: 18px;
    line-height: 40px;
    height: auto;
}

/*分享按钮*/
.share_box{ display:inline-block}
.share_box .share_left{ display:inline-block; float:left;height: 25px;    line-height: 25px;}
.share_box .share_right{ display:inline-block;}
/*分享按钮*/
/*<768的设备*/
@media (max-width: 767px) {
    .login .form_login ul li .verify_text{width:30%;}
    .container-fluid{ padding:50px 0px 0px 0px; overflow:hidden;}
    .article_search form{ width:90%; margin:0 auto; float:none;}
    .article_search .search_text{  border-radius:0; border-right:none; border-color:#31b0d5; height:44px; width:70%; float:left}
    .article_search .search_btn{ border-radius:0; height:44px; width:30%;}
    /*layer 样式*/
    .layui-layer-dialog{font-size: 14px;}

    /*轮播*/
    /* .swiper-wrapper{min-height: 100px;} */
}
/*768<= and<992的设备*/
@media (min-width: 768px) and (max-width: 992px) {
    .navbar-inverse .navbar-nav li a{padding:0;text-align:center;   }
    /*#gaishu{width: 100%}*/
    /*.my_order .screen{ width:100%; float:left;}*/
    /*.my_order .search{ width:100%; float:left; text-align:right;}*/
    /*.my_order .search .search_input{ width:50%; float:right; border-radius:0; border-right:none; height:30px; line-height:30px;}*/
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 992px) and (max-width: 1200px) {
    .container{width: 100%;}
    #gaishu{width: 100%}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
    /*.container {width: 1400px;}*/
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 1024px) {
    #gaishu{width: 100%}
    .navbar-static ul{width: 100%}
    /*.navbar-static li{width: 19%}*/
    .my_order .screen{ width:100%; float:left;}
    .my_order .search{ width:100%; float:left; text-align:right;}
    .my_order .search .search_input{ width:50%; float:right; border-radius:0; border-right:none; height:30px; line-height:30px;}
}

.xp_language {
    width: 100%;height: auto; background:  #D0D0D0;
    /*z-index: 9999999;*/
    position: relative;
    /*top:0;*/
    /*left: 0;*/
    transition: all .5s;
}
.navbar-fixed-bottom, .navbar-fixed-top{position: relative;margin-bottom: 0;}
.la_content { max-width: 1440px;height: auto;overflow: hidden;color: #000;margin: 0 auto;padding: 0 40px; background-color: #D0D0D0;}
.la_content .text {line-height: 20px;padding: 10px 0;float: left;font-size: 12px;width:calc(100% - 448px);}
.la_content .la_changes {
    float: right;
    width: auto;
    height: 35px;
    border: none;
    margin: 5px 15px 0 15px;
    font-size: 12px;
    padding: 0 10px;
    cursor: pointer;
}
#la_btn{
    float: right;
    margin-top: 12.5px;
    font-size: 17px;
    line-height: 1.52947;
    font-weight: 400;
    letter-spacing: -.021em;
    font-family: "SF Pro Text","Myriad Set Pro",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","SF Pro Icons","Apple Legacy Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    background-color: #0070c9;
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap;
}
.la_close{
    float: right;
    text-align: center;
    color: #000;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.la_close i{
    font-weight: bold;
    font-size: 16px;
}
.la_changes_text{
    height: auto;
    overflow: hidden;
    line-height: 30px;
}
.la_changes_text img{height: 20px;width: auto;float: left;margin: 9px 10px 0 0;}
.la_changes_text i{float: right;}
.la_changes_text span{display: inline-block;float: left; padding-right: 10px;}

@media all and (max-width: 1200px) {
    .la_content {width: 100%; box-sizing: border-box; text-align: center;}
    /*.la_content .text{*/
    /*    width:calc(100% - 450px);*/
    /*}*/
    .la_content .text{width: 100%!important;float: none;text-align: center; }
    .la_content .la_changes{ width: auto; }
    .la_content_search{ display: inline-block;}
}

@media screen and (max-width: 768px) {
    .la_content {
        background-color: #000000 !important;
        font-size: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        line-height: 14px;
        color: #FFFFFF;
        padding: 10px 16px;
    }
    .xp_language{
        padding-top: 0 !important;
    }
    .la_content .icon-color{
        color: #FFFFFF;
    }
    .la_content .text{
        text-align: left;
    }
    .la_content_search{
        float: right;
    }

    /* .la_content .la_changes {
        margin: 5px 12px 0 12px;
    } */
    .la_changes_text i{
        color: #ffffff !important;
    }
    .la_close i{color: #fff;}
    .search_box li{width: 100%;}
    
}
@media screen and (max-width: 556px) {
    .la_content {height: auto;text-align: center; padding: 0 20px;}
    /* .la_content .text{
        display: none;
    } */
    .la_content .la_changes {margin: 5px 12px 0 12px;}
}
@media all and (max-width: 767px) {
    /*轮播上文字*/
    .xpshop_banner{
        /*padding-top: 50px!important;*/
    }
    .xp__text-banner {position: absolute;width: -webkit-calc(100% - 16px); width: calc(100% - 16px); }
    .xp__text-banner .xp__text-banner_link {
        vertical-align: middle;
        padding-bottom: 6px;
        font-size: 11px;
        letter-spacing: 1.7px;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        top: 3px;
        margin-right: 20px; }
    .xp__text-banner .cta-button {
        color: #363636;
        display: inline-block;
        position: relative;
        padding: 20px 38px 20px 40px;
        overflow: hidden;
        font-size: 12px;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .2em;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        cursor: pointer;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: 0 0, 0 100%;
        background-size: 100% 100%, 100% 100%;
        border: 1px solid;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        outline: 0;
        -webkit-transition: .2s ease-in;
        transition: .2s ease-in;
        background-clip: border-box;
        z-index: 1; }
    .xp__text-banner .xp__text-banner_title {
        font-size: 38px;
        font-weight: bold;
        letter-spacing: normal;
        margin-bottom: 28px;
        line-height: 100%; }
    .xp__text-banner .xp__text-banner_description {font-size: 15px;font-weight: 400; }
    .xp__text-banner .xp__text-banner_container {margin-right: 0; margin-top: 40px; }
    .xp__text-banner .xp__text-banner_container .xp__text-banner_link {color: #fff;border-bottom: 1px solid #fff; }
    .xp__text-banner .xp__text-banner_container .cta-button {vertical-align: middle;font-size: 11px;letter-spacing: 1.7px;padding: 16px 57px 15px 59px;font-weight: 700; }

    .xp__text-banner.white-theme .xp__text-banner_title {color: #000; }
    .xp__text-banner.white-theme .xp__text-banner_description {color: #000; }
    .xp__text-banner.white-theme .xp__text-banner_link {color: #000;border-bottom: 1px solid #000; }
    .xp__text-banner.white-theme .xp__text-banner_link:hover {border-bottom-color: #1428A0;color: #1428A0; }
    .xp__text-banner.white-theme .cta-button {color: #000;vertical-align: middle; }
    .xp__text-banner.white-theme .cta-button:hover {color: #fff;background-color: #000; }

    .xp__text-banner.dark-theme .xp__text-banner_title {color: #fff; }
    .xp__text-banner.dark-theme .xp__text-banner_description {color: #fff; }
    .xp__text-banner.dark-theme .cta-button {color: #fff; vertical-align: middle; }
    .xp__text-banner.dark-theme .xp__text-banner_link {color: #fff;border-bottom: 1px solid #fff; }
    .xp__text-banner.dark-theme .xp__text-banner_link:hover {border-bottom-color: #00B3E3;color: #00B3E3; }
    .xp__text-banner.dark-theme .cta-button {color: #fff;vertical-align: middle; }
    .xp__text-banner.dark-theme .cta-button:hover {color: #000;background-color: #fff; }

    .xp__text-banner.middle-right {text-align: left; left: 58.3%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
    .xp__text-banner.middle-left {text-align: left;left: 8.3%; top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
    .xp__text-banner {width: 31%; }
    .xp__text-banner .xp__text-banner_description { font-size: 20px;font-weight: normal;letter-spacing: normal;line-height: 1.71; }

    /*轮播上文字 end*/
    /*视频*/
    .xp_home_video {height: auto;overflow: hidden; }
    .xp_home_video .home_video_title {font-size: 7.77778vw !important;margin: 16px auto 0;max-width: 24ch;text-align: center; }
    .xp_home_video .home_video_box{margin-top: 12px;}
    .xp_home_video .home_video_box .video_block {width: 100%;position: relative;color: #fff;float: left; }
    .xp_home_video .home_video_box .video_block a {display: inline-block;width: 100%;height: auto; }
    .xp_home_video .home_video_box .video_block img {width: 100%;height: auto; }
    .xp_home_video .home_video_box .video_block .video_section-play {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        cursor: pointer; }
    .xp_home_video .home_video_box .video_block .video_section-play .video_section__playBtn {
        cursor: pointer;
        display: block;
        width: 46px;
        height: 46px;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        top: 50%;
        opacity: 1;
        background: url(https://resource.xp-pen.com/newxp/static/images/swiper_img/btn_player_type1_over.webp) no-repeat;
        background-size: 100%;
        -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        text-indent: -9999px;
        overflow: hidden;
    }
    .xp_home_video .home_video_box .video_block .video_block_text {
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        font-size: 18px;
        /*font-family: "SamsungOneLatinWeb";*/
        max-width: 24ch;
        text-align: center;
        font-weight: 700;
        width: 100%;
        pointer-events: none;
    }
    .xp_home_video .home_video_box .video_block .video-overlay-background {
        display: none;
        background: rgba(0, 0, 0, 0.7);
        cursor: default;
        bottom: 0;
        height: 100%;
        left: 0;
        opacity: 0;
        position: static;
        right: 0;
        top: 0;
        -webkit-transition: opacity .3s ease-out;
        transition: opacity .3s ease-out;
        width: 100%;
        z-index: -1;
    }
    .xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container {
        z-index: 10001;
        display: block;
        position: absolute;
        height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        zoom: 1;
        width: 90%;
    }
    .xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container .close-button {
        display: block;cursor: pointer;height: 36px;line-height: 3vw;position: absolute;right: 2vw;top: 2vw;font-size: 36px;width: 36px;z-index: 99;
    }
    .xp_home_video .home_video_box .video_block .video-overlay-background .overlay-video-container .yt-video-player {
        bottom: 0;height: 100%;left: 0;position: absolute; right: 0;top: 0; width: 100%;
    }
    .xp_home_video .home_video_box .video_block .info {opacity: 1;z-index: 1000; }

    /*视频 end*/
}
/*主推轮播*/
.main_push {height: auto;overflow: hidden;padding-top: 30px;padding-bottom: 30px;}
.main_push .home_video_title {font-size: 28px;margin: 20px auto 0;max-width: 40ch;text-align: center;line-height: 1;}
.main_push .pc-banner .list_text_p {text-align: center;font-size: 24px;width: 100%;margin: 0 auto;color: #fff; font-weight: normal;}
.main_push #swiper_te { width: 100%; position: relative; }
.main_push #swiper_te .swiper-slide { -webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7); }
.main_push #swiper_te .swiper-slide-active, .main_push .swiper-slide-duplicate-active {-webkit-transform: scale(.9);transform: scale(.9); padding: 0 30px; margin-right: 0 !important; }
.main_push .none-effect { -webkit-transition: none;-moz-transition: none; -ms-transition: none;-o-transition: none; }
.main_push #swiper_te.swiper-slide a {background: #fff;padding: 10px;display: block; border-radius: 14px; }
.main_push #swiper_te .swiper-slide-active a:after {background: none; }
.main_push #swiper_te .swiper-slide img {width: 100%;border-radius: 14px;display: block; }
.main_push #swiper_te .button {width: 850px; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index: 99; }
/*主推轮播end*/
/*主推轮播*/
.main_push .home_video_title { margin: 0 auto 20px 0; max-width: 24ch;text-align: center;font-size: 7.77778vw !important; }
.main_push .pc-banner {background: url(https://resource.xp-pen.com/static/images/swiper_img/bg-Product2.webp) no-repeat center top/cover; width: 100%;float: left;}
.main_push .pc-banner .list_text {text-align: center; font-size: 20px;max-height: 56px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;width: 80%;margin: 20px auto 15px; color: #fff; font-weight: bold;
}
.main_push #swiper_te .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;
    -webkit-transform: scale(0.7); transform: scale(0.7); margin-right: 0!important;
}
.main_push #swiper_te .swiper-slide-active, .main_push .swiper-slide-duplicate-active { -webkit-transform: scale(0.9);transform: scale(0.9);padding: 0;width: 100%; }

.main_push #swiper_te .swiper-pagination {position: relative; margin-bottom: 0;bottom: 15px;}
.main_push #swiper_te .swiper-pagination-bullet {background: #ccc;margin-left: 4px;margin-right: 4px; width: 10px; height: 10px; opacity: 1; }
.main_push #swiper_te .swiper-pagination-bullet-active {width: 10px; height: 10px;background: #000; margin-bottom: 0;box-sizing: content-box; }

.main_push .pc_banner { background-size: auto 100%; }
.main_push .pc_banner #swiper_te {margin: 20px 0 15px; }
.main_push .pc_banner #swiper_te .swiper-slide {-webkit-transform: scale(0.97);transform: scale(0.97); }
.main_push .pc_banner #swiper_te .swiper-slide-active, .main_push .pc_banner .swiper-slide-duplicate-active {-webkit-transform: scale(0.97); transform: scale(0.97); }
.main_push .pc_banner #swiper_te .swiper-slide a:after { position: absolute;top: 0;left: 0;display: block;box-sizing: border-box; border: 10px solid #fff; content: "";width: 100%; height: 100%;border-radius: 20px; }
.main_push .pc_banner #swiper_te .swiper-slide a {padding: 5px;border-radius: 7px; }
.main_push .pc_banner #swiper_te .swiper-slide img {border-radius: 7px; }
.main_push .pc_banner #swiper_te .swiper-pagination {position: relative; margin-bottom: 20px; }
.main_push .pc_banner #swiper_te .swiper-pagination-bullet {background: #00a0e9; margin-left: 2px;margin-right: 2px;width: 8px;height: 8px;margin-bottom: 2px; }
.main_push .pc_banner #swiper_te .swiper-pagination-bullet-active {width: 6px; height: 6px;background: #FFF;border: 3px solid #00a0e9; margin-bottom: 0; }
.main_push .pc_banner #swiper_te .button { width: 70%;bottom: 22px; }
.main_push .pc_banner #swiper_te .button div {width: 28px;height: 28px; }
/*主推轮播 end*/

/* 信用卡提示 */
/*.pay_tips{
    width:240px ;
    height: 90px;
    position: absolute;
    bottom:40px;
    left:50%;
    margin-left: -50px;
    margin-top: -50px;
    transform: translate(-320px,0);
    z-index: 999;
    background-image: url("/static/images/tips.png");
    background-size: 100% 100%;
    padding-top:26px;
    padding-left:10px;
    padding-right:34px;
    color:#fff;
}*/
.recommendations{
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 42px;
    margin-bottom: 40px;
}
.search_result .search-result-waprrer{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
    margin-bottom: 100px;
    font-weight: 750;
    color: #3D3D3D;
    line-height: 21px;
}
.search_result .search-result-waprrer img{
    margin: 16px 0;
}
@media screen and (max-width:768px) {
    .dsfzf-ee ul{
        padding: 0;
    }
    .payment_method{
        width: 100% !important;
    }
    .dsfzf-ee{
        padding: 0 !important   ;
    }
    #goods_ask_list .pages,#comment_list_box .pages{
        height: auto;
        background-color: rgba(0, 0, 0, 0.06);
    }

   #goods_ask_list .pages ul,#comment_list_box .pages ul {
        margin: 0;
        padding: 0 12px;
    }
    .pages ul li span,.pages ul li a {     
        width: auto;
    }
}
.payment-box{
    justify-content: center;
}
.payment_method{
    margin-left: 0 !important;
    margin: auto !important;
}


/* 新分页器样式 */
.new_pages {
    height: 44px;
    background: rgba(0,0,0,0.06);
    text-align: center;
    line-height: 44px;
}
.new_pages .new_pagination {
    margin: 0 12px;
    padding-left: 0;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    width: auto;
}
.new_pages .new_pagination li {
    display: inline;
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,0.88);
    line-height: 1.5;
    padding: 4px;
    cursor: pointer;
}

.new_pages .new_pagination .active {
    border-radius: 6px;
    border: 1px solid #FF640A;
    color: #FF640A;

}
.new_pages .new_pagination .disabled {
    color: rgba(0,0,0,0.25);
}
.new_pages .new_pagination li span {
    display: inline-block;
    width: 15px;
    /* height: 14px; */
    text-align: center;
}
/* 新分页器样式 */

.search_box .search-box-warpper{
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.search_box .search-box-warpper .sbw-item{
    width:  calc(25% - 6px);
    margin-bottom: 16px;
}
.search_box .search-box-warpper .sbw-item .desc object{
    height: 0;
}
@media screen and (max-width:1024px) {
    .search_box .search-box-warpper .sbw-item{
        width:  calc(50% - 6px);
        
    }
    
}
 .search-result-waprrer .no-search-text{
    /* width: 400px; */
    text-align: center;
    word-break: keep-all;
    margin-top: 18px;
    font-weight: 400;
font-size: 16px;
color: rgba(0,0,0,0.88);
line-height: 24px;
}
.search_container .srw-tit{
    text-align: left;width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    line-height: 42px;
    word-break: break-all;
}
.search-result-waprrer .no-search-text div{
    text-align: center;
    width: 100%;
}
.cartTotalPrice-expand{
    display: none;
}
@media screen and (max-width:768px) {
    .cartTotalPrice-expand{
        display: inline-block;
    }
    .main_content_info.cart_btn .order-settlement .price-list{
        display: none;
    }
    
    
}