@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif; font-size: 0.24rem;}
h1,h2,h3,h4,h5{ list-style:none; padding:0; margin:0;}
ul,dl{ margin:0; padding:0; display:block; overflow:hidden;}
ul li{ list-style:none; overflow:hidden;}
img{ border:0; display:block;}
form{ margin:0; padding:0;}
input, textarea, select, button{-webkit-appearance: none;outline:none;appearance:none;tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Microsoft Yahei", sans-serif;}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
a:focus {outline-style:none; -moz-outline-style:none;}
a{ color:#222; text-decoration:none;outline:none; -moz-outline-style:none;-webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;-webkit-user-select: none;}

table{border-collapse:collapse}


.demo_box{ overflow:hidden; margin:0 auto; width:100%;}
.demo_box ul{ overflow:hidden;}
.demo_box ul li{width:375px;  float:left; margin:20px; overflow:hidden;}
.demo_box ul li .tit{ font-size:16px; color:#222; padding:0.1rem 0.2rem 0.2rem; line-height:160%;}
.demo_box ul li iframe{ border:0; width:100%; height:700px;}
.demo_box .bodytit{ padding:0.2rem 0.4rem 0rem; clear:both; width:100%; font-size:32px; font-weight:bold; display: flex; align-items: center;}
.demo_box .bodytit::before{ content: ""; width: 10px; height: 10px; background: #222; margin-right: 15px;}
.demo_box .subhead{ padding:0.2rem 0.4rem 0rem; clear:both; width:100%; font-size:24px; font-weight:bold;}
.demo_box .configuration_item{ font-size:18px; display: flex; margin: 0.2rem 0.4rem;justify-content:flex-start; overflow: hidden; clear: both;}
.demo_box .configuration_item ol{display: flex;flex-wrap:wrap;}
.demo_box .configuration_item ol li{ list-style: inside; list-style-type: decimal; width: auto; margin:0 20px 0 0;}
.template_tit{ font-size: 0.28rem; height: 1rem; display: flex; align-items: center; padding: 0.2rem 0.2rem 0.1rem;}


.demo_schemas{overflow:hidden; margin:0 auto; width:100%; padding: 30px;}
.demo_schemas h1{ font-size:32px; font-weight: bold; padding: 10px 0; display: flex; position: relative; align-items: center; list-style: none;}
.demo_schemas h1::before{ content: ""; margin-right: 20px; width: 10px; height: 10px; background: #444;transform: rotate(45deg);}
.demo_schemas h2{ font-size:24px; font-weight: bold; padding: 10px 0; display: flex; position: relative; align-items: center;list-style-type:upper-alpha; padding-left: 30px;}
/* .demo_schemas h2::before{ content: ""; margin-right: 10px; width: 100px; height: 1px; background: #444;} */
.demo_schemas h3{ font-size:18px; font-weight: bold; padding: 10px 0 10px 70px; display: flex; position: relative; align-items: center; list-style: none;}
.demo_schemas .configuration_item{ font-size:18px; display: flex; margin: 0.2rem 70px;align-items:flex-start; overflow: hidden; clear: both;}
.demo_schemas .configuration_item .titname{ width: 130px;}
.demo_schemas .configuration_item ol{display: flex;flex-wrap:wrap; margin:0; padding: 0; flex: 1;}
.demo_schemas .configuration_item ol li{ list-style: inside; list-style-type: decimal; width: auto; margin:0 50px 0 0;}
.demo_schemas .preview_code{ font-size: 14px; margin-left: 10px; font-weight: normal; padding: 0 20px; height:30px; display: flex; align-items: center; border-radius: 30px; background: #eee;}
.demo_schemas .preview_code .ico_font{ font-size: 14px; margin-right:10px;}
.demo_schemas .preview_code:hover{ background: #5ea6fb; color: #fff; cursor: pointer;}

.demo_schemas ul{ overflow: hidden; margin: 0 80px;}
.demo_schemas ul li{width:375px;  float:left; margin:0 40px 40px 0; overflow:hidden;}
.demo_schemas ul li .tit{ font-size:16px; color:#222; padding:0.1rem 0.2rem 0.2rem 0; line-height:160%;}
.demo_schemas ul li iframe{ border:0; width:100%; height:650px;background: #fff;}
body::-webkit-scrollbar{width:3px;	height: 16px;background-color: #fff;}
body::-webkit-scrollbar-track{	background-color: #ddd;}
body::-webkit-scrollbar-thumb{	border-radius: 3px;	background-color: #666;}


.demo_body{ overflow: hidden; display: flex; height:100vh;}
.demo_body .demo_left{ width:200px; background-image:linear-gradient(180deg, #5ea6fb, #55b3f1); display: flex; flex-direction: column;}
.demo_body .demo_left .lefttop{ height: 60px; background: #2267d5; display: flex; align-items: center; padding:0 10px; display: none;}
.demo_body .demo_left .lefttop .search{ background: #fff; height: 30px; border-radius: 15px; flex: 1; border: 1px solid #fff;}

.demo_body .demo_left .menubox{ overflow-y:auto; padding: 30px 0 50px 20px; flex: 1;}
.demo_body .demo_left .menubox::-webkit-scrollbar{width:3px;	height: 16px;background-color: #fff;}
.demo_body .demo_left .menubox::-webkit-scrollbar-track{	background-color: #ddd;}
.demo_body .demo_left .menubox::-webkit-scrollbar-thumb{	border-radius: 3px;	background-color: #2267d5;}
.demo_body .demo_left .menubox .menu{ display: flex; flex-direction: column; width: 100%; position: relative;}
.demo_body .demo_left .menubox .menu li{ display: flex; flex-direction: column;}
.demo_body .demo_left .menubox .menu li .alist{ align-items: center; line-height: 100%; padding: 5px 0; display: flex;}
.demo_body .demo_left .menubox .menu li .alist .i{ margin:0 18px 0 8px;  width: 5px; height:5px; border-radius:50%; display: inline-block; background: #fff;} 
.demo_body .demo_left .menubox .menu li .alist .ico{ margin-right: 10px;  width: 21px; height: 21px; display: inline-block; background:url(../imgPublic/menu_2.png) no-repeat center;} 
.demo_body .demo_left .menubox .menu li .alist .on{ background:url(../imgPublic/menu_1.png) no-repeat center;} 
.demo_body .demo_left .menubox .menu li .alist .a{ font-size: 14px; color: #fff; font-weight: bold;}
.demo_body .demo_left .menubox .menu li .alist .a:hover{ text-decoration: underline; color: gold;}
.demo_body .demo_left .menubox .menu li .listbox{ position: relative; overflow: hidden; padding-left: 20px;}
.demo_body .demo_left .menubox .menu li .listbox::before{ border-left: 1px dotted rgba(255,255,255,0.5); content: ""; width: 2px; height: 100%; position: absolute; left: 10px; top: 0%;}

.demo_body .demo_right{background: #ccc; flex: 1; display: flex; flex-direction: column;}
.demo_body .demo_right .dr_top{ background: #3a8cec; height: 60px; display: flex; align-items: center;}
.demo_body .demo_right .dr_top .name{ margin: 0 30px; font-size: 24px; font-weight: bold; color: #fff;}
.demo_body .demo_right .dr_main{ flex: 1; display: flex;}
.demo_body .demo_right .dr_main .element_iframe{ border: 0; height: 100%; background: none; flex: 1;}
.demo_body .demo_right .dr_main .operation_desk{ width: 500px;}

.demo_body .midbox{ flex: 1; overflow-y:scroll; background: #f5f6fb;}

.demo_body .demo_popup{ background:rgba(0,0,0,0.5); width: 100%; height: 100%; display: flex; align-items: center;justify-content: center; position:absolute; z-index: 100; left: 0; left: 0;}
.demo_body .demo_popup .conboxbj{ background: #fff; width: 400px; position: relative;}
.demo_body .demo_popup .ico_close{ position: absolute; z-index: 9; right: -40px; top: -40px; font-size:24px; cursor: pointer; color: #fff; transition-duration: 0.35s;}
.demo_body .demo_popup .ico_close:hover{transform: rotate(90deg);transition-duration: 0.35s;}
.demo_body .demo_popup .titname{ font-size: 24px; font-weight: bold; height: 60px; line-height: 60px; text-align: center; color: #222; margin: 30px 0 20px;}
.demo_body .demo_popup .codebox{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; padding-bottom: 50px;}
.demo_body .demo_popup .codebox .imgbox{ width: 250px; height: 250px; border: 1px solid #ddd; margin: 0 auto; display: flex; align-items: center; justify-content: center; background: url(../imgPublic/ico_ewmbj.png) no-repeat center; background-size: 100% 100%;}
.demo_body .demo_popup .codebox .imgbox img{ width: 100%; height: 100%;}
.demo_body .demo_popup .codebox .conbox{ overflow: hidden; flex-direction: column; display: flex;}
.demo_body .demo_popup .codebox .conbox .a{font-size: 14px; margin: 20px 0 10px; text-align: center; letter-spacing: 10px; padding-left: 10px;}
.demo_body .demo_popup .codebox .conbox .b{ font-size: 12px; text-align: center;}

/***主体架构****/
.main_dom{ max-width:750px; margin:0 auto; display:block; position:relative; min-height:13.6rem; font-size:0.24rem;}

/**标题类**/
.title_module{min-height: 0.6rem; display: flex; align-items: center; padding:0.1rem 0.3rem; font-size: 0.2rem; color: #444;}
.title_module .lef{ line-height: 180%;}
.title_module .rig{ flex: 1;  line-height: 180%; color: #888; margin-left: 0.2rem;}

.title_get_information{min-height: 1rem; display: flex; padding: 0.3rem; font-size: 0.24rem; color: #333; background:#fff; align-items: flex-start;}
.title_get_information .lef{ line-height: 180%;}
.title_get_information .rig{ flex: 1;  line-height: 180%; color: #e73653;}

.title_h32{ font-size: 0.32rem;}
.title_h28{ font-size: 0.28rem;}
.title_h26{ font-size: 0.26rem;}
.title_h24{ font-size: 0.24rem;}

/**图片展示 images show = imgshow**/
.imgshow_banner1{ overflow: hidden; width: 100%; height: 100%; position: relative;}
.imgshow_banner1 img{ display: block; width: 100%; }

/**导航**/
/**顶部导航栏 navbar**/
.navbar{ display: flex; align-items: center; overflow: hidden;min-height: 1rem; position: relative; background: #fff;}
.navbar .title{ display: flex; align-items: center; justify-content: center; font-size: 0.36rem; color: #000; width: 100%; flex-direction: column; padding: 0.2rem 0;}
.navbar .title .sub_title{ font-size: 0.28rem; display: block; text-align: center; padding: 0.2rem; line-height: 160%;}
.navbar .ctrl{ display: flex; align-items: center; position: absolute; z-index: 10; height: 100%;}
.navbar .ctrl .ico_img{ width:1rem; height:1rem; display: flex; overflow: hidden;}
.navbar .ctrl .ico_img img{ width: 100%; height: 100%;}
.navbar .ctrl .ico_font{ width:1rem; height:1rem; display: flex; justify-content: center; align-items: center; overflow: hidden; font-size: 0.4rem; color: #000;}
.navbar .ctrl .btn_font{ height:0.5rem; padding: 0 0.2rem; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; overflow: hidden; font-size: 0.2rem; color: #000; border-radius: 0.5rem;}
.navbar .ctrl_l{ left: 0; }
.navbar .ctrl_l .btn_font{ margin-left: 0.2rem;}
.navbar .ctrl_r{ right: 0; }
.navbar .ctrl_r .btn_font{ margin-right: 0.2rem;}
.navbar .nbtn_close{ background:url(../imgPublic/ico_close2.png) no-repeat center; background-size:80%; display: block; position: absolute; z-index: 10; height: 100%; width: 1rem; right: 0; top: 0; }

/**底部导航 tabbar**/
.tabbar{ background: #fff; box-shadow:-0.05rem 0 0.05rem rgba(0,0,0,0.1); overflow: hidden; height: 1rem; width: 7.5rem;}
.tabbar ul{ overflow: hidden; display: flex; height: 100%;}
.tabbar ul li{flex: 1; overflow: hidden; display: flex; justify-content: center;}
.tabbar ul li .alink{position: relative; width: 1rem; height: 100%; display: flex; flex-direction: column; align-items: center;justify-content: center; color: #888;}
.tabbar ul li .alink .badage{ width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #e73653; border: 1px solid #fff; position: absolute; z-index: 10; right: 0.2rem ; top: 0.1rem;}
.tabbar ul li .alink .ico_img{ width: 0.4rem; height: 0.4rem; overflow: hidden; display: block;}
.tabbar ul li .alink .ico_img img{ width: 100%;}
.tabbar ul li .alink .ico_img img:nth-child(2){ display: none; }
.tabbar ul li .alink .name{ font-size: 0.24rem;} 
.tabbar ul li .active .ico_img img:nth-child(1){ display: none; }
.tabbar ul li .active .ico_img img:nth-child(2){ display: block; }
.tabbar ul li .active{ color: #e73653;}
.tabbar ul li .alink .ico_font{ font-size: 0.4rem;}


/**水平选项卡 tabs_box**/
.tabs_box{ display: flex; flex-direction: column;}
.tabs_box .tabs_group{overflow: hidden;min-height: 0.9rem; width: 100%; background: #fff;max-width: 750px; box-shadow:0.1rem 0 0.05rem rgba(0,0,0,0.1); display: flex;}
.tabs_box .tabs_group .group{ overflow: hidden; flex: 1;position: relative;}
.tabs_box .tabs_group .group ul{ display: flex; position: absolute; z-index: 11; width: 100%; height: 100%;} 
.tabs_box .tabs_group .group ul .item{ display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center;}
.tabs_box .tabs_group .group ul .item .badage{ width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #e73653; border: 1px solid #fff; position: absolute; z-index: 10; right: 0.2rem ; top: 0.1rem;}
.tabs_box .tabs_group .group ul .item .ico_img{ width: 1.1rem; overflow: hidden; display: block;}
.tabs_box .tabs_group .group ul .item .ico_img img{ width: 100%;}
.tabs_box .tabs_group .group ul .item .ico_font{ font-size: 0.4rem;}
.tabs_box .tabs_group .group ul .item .name{ font-size: 0.24rem;} 
.tabs_box .tabs_group .group ul .active{ color: #e73653;}
.tabs_box .tabs_group .group ul .active2{ color: #fff;}
.tabs_box .tabs_group .group .follow_line{ height:2px; width:0.5rem; background: #e73653; position: absolute; z-index: 10; bottom: 0;transition: all .3s ease;}
.tabs_box .tabs_group .group .follow_block{ height:100%; width:2rem; background: #e73653; position: absolute; z-index: 10; bottom: 0;transition: all .3s ease;}
.tabs_box .tabs_group .more{ display: flex; justify-content: center; width: 1rem;}
.tabs_box .tabs_group .more a{ display: flex; justify-content: center; align-items: center;}
.tabs_box .tabs_group .more a img{ width: 0.5rem;}
.tabs_box .tabs_container{ overflow: hidden;}
.tabs_box .tabs_container .container{ display: none; overflow: hidden;}
.tabs_box .tabs_container .container:nth-child(1){ display: block;}


.tabs_vbox{ display: flex; height: 10rem;}
.tabs_vbox .tabs_group{overflow: hidden; width: 1.5rem;  box-shadow: -0.01rem 0 0 0 rgba(0,0,0,0.1) inset; display: flex; flex-direction: column;}
.tabs_vbox .tabs_group .group{ overflow: hidden;}
.tabs_vbox .tabs_group .group ul{ display: flex; width: 100%; height: 100%; flex-direction: column;} 
.tabs_vbox .tabs_group .group ul .item{ display: flex; flex-direction: column; flex: 1; justify-content: center; align-items: center; padding: 0.3rem 0; border-bottom: 0.01rem #ddd solid;}
.tabs_vbox .tabs_group .group ul .item .badage{ width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #e73653; border: 1px solid #fff; position: absolute; z-index: 10; right: 0.2rem ; top: 0.1rem;}
.tabs_vbox .tabs_group .group ul .item .ico_img{ width: 1.1rem; overflow: hidden; display: block;}
.tabs_vbox .tabs_group .group ul .item .ico_img img{ width: 100%;}
.tabs_vbox .tabs_group .group ul .item .ico_font{ font-size: 0.4rem;}
.tabs_vbox .tabs_group .group ul .item .name{ font-size: 0.24rem;} 
.tabs_vbox .tabs_group .group ul .active{ color: #e73653; background: #fff;}
.tabs_vbox .tabs_group .group ul .active2{ color: #fff;}
.tabs_vbox .tabs_group .group .follow_line{ height:2px; width:0.5rem; background: #e73653; position: absolute; z-index: 10; bottom: 0;transition: all .3s ease;}
.tabs_vbox .tabs_group .group .follow_block{ height:100%; width:2rem; background: #e73653; position: absolute; z-index: 10; bottom: 0;transition: all .3s ease;}
.tabs_vbox .tabs_group .more{ display: flex; justify-content: center; }
.tabs_vbox .tabs_group .more a{ display: flex; justify-content: center; align-items: center; height: 1.2rem;}
.tabs_vbox .tabs_group .more a img{ width: 0.5rem;}
.tabs_vbox .tabs_container{ flex: 1;background: #fff;}
.tabs_vbox .tabs_container .container{ display: none; }
.tabs_vbox .tabs_container .container:nth-child(1){ display: block;}



/**宫格图标**/
.grid_box{ overflow: hidden; background: #fff;}
.grid_box ul{ overflow: hidden; display: flex; flex-wrap: wrap;}
.grid_box ul li{ height: 1.6rem; width: 100%; min-width: 1.3rem; overflow: hidden; display: flex; justify-content: center;}
.grid_box ul li .alink{position: relative; width: 1.3rem; height: 100%; display: flex; flex-direction: column; align-items: center;}
.grid_box ul li .alink .badage{ width: 0.2rem; height: 0.2rem; border-radius: 50%; background: #e73653; border: 1px solid #fff; position: absolute; z-index: 10; right: 0.2rem ; top: 0.1rem;}
.grid_box ul li .alink .ico_img{ width: 0.9rem; height: 0.9rem; overflow: hidden; margin: 0 0 0.1rem;}
.grid_box ul li .alink .ico_img img{ width: 100%;}
.grid_box ul li .alink .ico_font{ font-size: 0.8rem;}
.grid_box ul li .alink .name{ color: #222; font-size: 0.26rem;} 
.grid_box ul li .alink .sub_name{ color: #222; font-size: 0.24rem;} 
.grid_box .list3 li{ height: 1.6rem; width: 33.3%; min-width: 1.3rem; }
.grid_box .list4 li{ height: 1.6rem; width: 25%; min-width: 1.3rem; }
.grid_box .list5 li{ height: 1.6rem; width: 20%; min-width: 1.3rem; }
.verflow_gridlist{}
.verflow_gridlist .swiper-slide{ width: 22%;}

/**步骤 流程 steps**/
.steps_box{height: 2rem;  position: relative; margin: 0 0.8rem; padding: 0.5rem 0 0;}
.steps_box .progress{  height: 0.05rem; background: #ccc; border-radius: 0.05rem; margin: 0 auto; position: relative;}
.steps_box .progress .active{ z-index: 10; position: absolute; height: 100%; width: 100%; background: #e73653;transition: all .3s ease;}
.steps_box ul{display: flex; justify-content: space-between; z-index: 11; width: 100%; position: absolute; left: 0; top: 0; overflow: visible;}
.steps_box ul li{ width:0.2rem;height: 0.2rem; position: relative; overflow: visible;}
.steps_box ul li .conbox{ width: 1.6rem; position: absolute; z-index: 12; margin: 0 0 0 -0.7rem; overflow: hidden; display: flex; flex-direction: column; align-items: center;}
.steps_box ul li .conbox .node{ width:0.2rem;height: 0.2rem; border-radius: 50%; background: #ccc; margin: 0.43rem 0 0.2rem;}
.steps_box ul li .conbox .name{ font-size: 0.28rem; color: #222;}
.steps_box ul li .conbox .sub_name{ font-size: 0.24rem; color: #222;margin-top: 0.1rem;}
.steps_box ul li .conbox .time{ font-size: 0.2rem; color: #888; margin-top: 0.1rem;}
.steps_box ul .active .conbox .node{ background: #fff; border: 0.1rem solid #e73653; width: 0.4rem; height: 0.4rem; border-radius: 50%; margin: 0.33rem 0 0.1rem;}
.steps_box ul .active .conbox .name{ font-size: 0.28rem; color: #e73653;}
.steps_box ul .f_node .conbox .node{ background: #e73653;}

.steps_vbox{ overflow: hidden; background: #fff; position: relative; padding: 0.5rem 0 0;}
.steps_vbox .progress{ width: 0.01rem; background: #ddd; position: absolute; z-index: 10; top: 0.6rem; left: 0.5rem; height: 100%;}
.steps_vbox ul{ display: flex; flex-direction: column; flex: 1; margin: 0 0.3rem 0 1.1rem; overflow: visible;}
.steps_vbox ul .item{ overflow: visible; display: flex; flex-direction: column; position: relative; margin-bottom: 0.8rem;}
.steps_vbox ul .item .node{ width:0.21rem;height: 0.21rem; border-radius: 50%; background: #ccc; z-index: 13; position: absolute; margin: 0.1rem 0 0 -0.7rem;}
.steps_vbox ul .item .name{ font-size: 0.32rem; color: #222;}
.steps_vbox ul .item .sub_name{ font-size: 0.24rem; color: #222;margin-top: 0.1rem;}
.steps_vbox ul .item .time{ font-size: 0.24rem; color: #888; margin-top: 0.1rem;}
.steps_vbox ul .item .content{ line-height:180%; font-size: 0.24rem; margin-top: 0.1rem;color: #888;}

.steps_vbox ul .active .node{ background: #fff; border: 0.1rem solid #e73653; width: 0.4rem; height: 0.4rem; border-radius: 50%; margin: 0.03rem 0 0 -0.79rem;}
.steps_vbox ul .active .name{ font-size: 0.32rem; color: #e73653;}


/**销售品列表 products box = prod_box产品盒子  describe描述**/
.prod_box{ overflow: hidden;}
.prod_box ul{ overflow: hidden;}
.prod_box ul li{ overflow: hidden; width: 100%; margin: 0 0 0.3rem; float: left; background: #fff; border-radius: 0.2rem;box-shadow: 0 0 0.2rem rgba(0,0,0,0.01);}
.prod_box ul li .alink{ display: block;}
.prod_box ul li .alink .imgbox{ width: 100%; display: block; background: #eee;overflow: hidden;}
.prod_box ul li .alink .imgbox img{ width: 100%;}
.prod_box ul li .alink .conbox{ overflow: hidden; padding:0.3rem;}
.prod_box ul li .alink .conbox .name{ display: block; font-size: 0.32rem; color: #222; height: 0.5rem; line-height: 0.5rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 0.1rem;}
.prod_box ul li .alink .conbox .describe{ display: block; font-size: 0.24rem; color: #888; height: 0.4rem; line-height: 0.4rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 0.1rem;}
.prod_box ul li .alink .conbox .price{ overflow: hidden; color: #f00; font-size: 0.24rem; margin-bottom: 0.1rem;}
.prod_box ul li .alink .conbox .price .a{ font-size: 0.32rem; margin-right: 0.2rem;font-weight: bold;}
.prod_box ul li .alink .conbox .price .b{ color: #888; text-decoration: line-through;}

.prod_box_mini{ overflow: hidden;}
.prod_box_mini ul{ overflow: hidden;}
.prod_box_mini ul li{ overflow: hidden; width:3.4rem; margin: 0 0 0.2rem 0.2rem; float: left;}
.prod_box_mini .awidth{ overflow: hidden;}
.prod_box_mini .awidth li{ width: 46%; margin: 0 2% 0.3rem;}
.prod_box_mini ul li .alink{ display: block;}
.prod_box_mini ul li .alink .imgbox{ width: 100%; display: block; background: #eee; margin-bottom: 0.2rem; border-radius: 0.1rem;overflow: hidden;}
.prod_box_mini ul li .alink .imgbox img{ width: 100%;}
.prod_box_mini ul li .alink .conbox{ overflow: hidden; margin: 0 0.2rem;}
.prod_box_mini ul li .alink .conbox .name{ display: block; font-size: 0.32rem; color: #222; height: 0.5rem; line-height: 0.5rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prod_box_mini ul li .alink .conbox .describe{ display: block; font-size: 0.24rem; color: #888; height: 0.4rem; line-height: 0.4rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prod_box_mini ul li .alink .conbox .price{ overflow: hidden; color: #f00; font-size: 0.24rem;}
.prod_box_mini ul li .alink .conbox .price .a{ font-size: 0.32rem; margin-right: 0.2rem;font-weight: bold;}
.prod_box_mini ul li .alink .conbox .price .b{ color: #888; text-decoration: line-through;}

.prod_box_plus{ overflow: hidden;}
.prod_box_plus ul{ overflow: hidden; display: flex; flex-direction: column;}
.prod_box_plus ul li{ overflow: hidden; display: flex; border-bottom: 1px solid #eee; padding: 0.3rem;}
.prod_box_plus ul li .alink{ display: flex;}
.prod_box_plus ul li .alink .imgbox{ width: 2.5rem; height: 2.5rem; display: block; background: #eee; margin-right: 0.3rem; border-radius: 0.1rem;overflow: hidden;}
.prod_box_plus ul li .alink .imgbox img{ width: 100%;}
.prod_box_plus ul li .alink .conbox{ overflow: hidden; margin:0.2rem 0 0; flex: 1;}
.prod_box_plus ul li .alink .conbox .name{ display: block; font-size: 0.32rem; color: #222; height: 0.5rem; line-height: 0.5rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prod_box_plus ul li .alink .conbox .describe{ display: block; font-size: 0.24rem; color: #888; height: 1rem; line-height: 180%; overflow:hidden;}
.prod_box_plus ul li .alink .conbox .price{ overflow: hidden; color: #f00; font-size: 0.24rem;}
.prod_box_plus ul li .alink .conbox .price .a{ font-size: 0.32rem; margin-right: 0.2rem;font-weight: bold;}
.prod_box_plus ul li .alink .conbox .price .b{ color: #888; text-decoration: line-through;}

.prod_box_special{ overflow: hidden; display: flex; justify-content: space-between;}
.prod_box_special .bigbox{ width: 3.35rem; overflow: hidden; position: relative;}
.prod_box_special .Smallbox{ flex: 1; overflow: hidden;}
.prod_box_special ul{ overflow: hidden;}
.prod_box_special ul li{ overflow: hidden; width: 100%; float: left; background:#fff; border-radius: 0.2rem;}
.prod_box_special ul li .alink{ display: block;}
.prod_box_special ul li .alink .imgbox{ width: 100%; display: block; background: #eee;overflow: hidden;}
.prod_box_special ul li .alink .imgbox img{ width: 100%;}
.prod_box_special ul li .alink .conbox{ overflow: hidden; padding:0.3rem;}
.prod_box_special ul li .alink .conbox .name{ display: block; font-size: 0.32rem; color: #222; height: 0.5rem; line-height: 0.5rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 0.1rem;}
.prod_box_special ul li .alink .conbox .describe{ display: block; font-size: 0.24rem; color: #888; height: 0.4rem; line-height: 0.4rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom: 0.1rem;}
.prod_box_special ul li .alink .conbox .price{ overflow: hidden; color: #f00; font-size: 0.24rem; margin-bottom: 0.1rem;}
.prod_box_special ul li .alink .conbox .price .a{ font-size: 0.32rem; margin-right: 0.2rem;font-weight: bold;}
.prod_box_special ul li .alink .conbox .price .b{ color: #888; text-decoration: line-through;}
.prod_box_special .Smallbox ul li{ margin-bottom: 0.2rem;}
.prod_box_special .bigbox .swiperbox{ width: 100%; position: relative; overflow: hidden;}

/**瀑布流css**/
.prod_box_special2{ overflow: hidden;}
.prod_box_special2 ul{ -moz-column-count:3; -webkit-column-count:2;column-count:2;  -moz-column-gap: 0;  -webkit-column-gap: 0; column-gap: 0.2rem;/*列间距*/  width: 100%;}
.prod_box_special2 ul li { padding: 2em; margin-bottom: 2em; -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid;background: #f60;}
.prod_box_special3{ overflow: hidden;}
.prod_box_special3 ul{ overflow: hidden; position: relative; min-height: 10rem;}
.prod_box_special3 ul li{ overflow: hidden;  position: absolute; z-index: 2;transition: all .3s ease;}
.prod_box_special3 ul li .alink{ display: block; background: #fff; border-radius: 0.2rem; overflow: hidden; margin: 0.1rem;}
.prod_box_special3 ul li .alink .imgbox{ width: 100%; display: block; background: #fff; margin-bottom: 0.2rem; border-radius: 0.1rem;overflow: hidden;}
.prod_box_special3 ul li .alink .imgbox img{ width: 100%;}
.prod_box_special3 ul li .alink .conbox{ overflow: hidden;padding:0.1rem 0.3rem 0.3rem;}
.prod_box_special3 ul li .alink .conbox .name{ display: block; font-size: 0.32rem; color: #222; height: 0.5rem; line-height: 0.5rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prod_box_special3 ul li .alink .conbox .describe{ display: block; font-size: 0.24rem; color: #888; height: 0.4rem; line-height: 0.4rem;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prod_box_special3 ul li .alink .conbox .price{ overflow: hidden; color: #f00; font-size: 0.24rem;}
.prod_box_special3 ul li .alink .conbox .price .a{ font-size: 0.32rem; margin-right: 0.2rem;font-weight: bold;}
.prod_box_special3 ul li .alink .conbox .price .b{ color: #888; text-decoration: line-through;}

/**文本类信息列表展示**/
.msglist_box{ overflow: hidden;}
.msglist_box ul{ overflow: hidden;}
.msglist_box ul li{ display: flex; justify-content: space-between; width: 100%; height: 0.6rem; align-items: center; overflow: hidden; float: left;}
.msglist_box ul li a{ display: flex; justify-content: space-between; flex: 1;height: 100%; align-items: center; overflow: hidden;}
.msglist_box ul li span{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.msglist_box ul li .w2{ width: 20%;}
.msglist_box ul li .w3{ width: 30%;}
.msglist_box ul li .w4{ width: 40%;}
.msglist_box ul li .w5{ width: 50%;}
.msglist_box ul li .wa{ flex: 1;}
.msglist_box .column{ float: left;}

.fieldlist_box{ overflow: hidden;}
.fieldlist_box ul{ overflow: hidden; display: flex; flex-direction: column;}
.fieldlist_box ul li{ min-height: 0.8rem; display: flex; flex: 1; justify-content: space-between; align-items: center; padding: 0.3rem 0;}
.fieldlist_box ul li .lef{ color: #888;}
.fieldlist_box ul li .rig{ color: #222;}

.bgr_wrr{ background: #fff; margin:0 0.2rem; padding: 0 0.2rem; border-radius: 0.2rem;}
.bgr_exp{ background:#fff url(../imgPublic/express_bjline.png) repeat-x bottom; background-size:auto 0.08rem; padding: 0 0.2rem; margin: 0 0.2rem; border-radius: 0.2rem;}



/**文本展示**/
.article_box{ overflow: hidden;}
.article_box .title{ font-size: 0.28rem; display: block;}
.article_box ul{ overflow: hidden; margin: 0;}
.article_box ul li{ line-height: 180%; margin-bottom: 0.2rem;list-style-type: square; list-style-position: inside;}
.article_box ol{ overflow: hidden; margin: 0; padding-left: 0;}
.article_box ol li{ line-height: 180%; margin-bottom: 0.2rem;list-style-position: inside;}
.article_box p{ text-indent: 2em;line-height: 180%; margin: 0; padding: 0; margin-bottom: 0.2rem;}
.article_box img{ width: 100%; margin-bottom: 0.2rem;}

.article_box .tablebox{ overflow: hidden;}
.article_box .tablebox table{width: 100%;}
.article_box .tablebox table td{  border: 1px solid #ddd; padding:0.2rem;}


/**表单 custom自定义盒子=cus  **/
.form_box{overflow: hidden; background: #fff;}
.form_box ul{overflow: hidden;}
.form_box ul li{overflow: hidden; display: flex; align-items: center; justify-content: space-between;transition: all .3s ease;font-size: 0.26rem; color: #222;}
.form_box ul li .conbox{ flex: 1; display: flex; align-items: center; min-height: 1rem; position: relative;}
.form_box ul li .conbox .ico_img{ width: 0.5rem; height: 0.5rem;background-size: 0.35rem; background-position: left center;} 
.form_box ul li .conbox .ico_font{ width: 0.5rem; height: 0.5rem; font-size: 0.4rem;} 
.form_box ul li .conbox .name{ width: 1.5rem;} 
.form_box ul li .conbox .w170{ width: 1.7rem;} 
.form_box ul li .conbox .con_val{ flex: 1;} 
.form_box ul li .conbox .con_input{ flex: 1; } 
.form_box ul li .conbox .con_input input{ border: 0; background:none; font-size: 0.26rem; color: #222; width: 100%; height: 0.4rem;}
.form_box ul li .conbox .cus_select{ flex: 1; height: 100%;  background:url(../imgPublic/ico_arrow_down.png) no-repeat right center; background-size:0.3rem; display: flex; align-items: center; padding-right:0.5rem; }
.form_box ul li .conbox .cus_select .a{color: #aaa;}
.form_box ul li .conbox .cus_select .on{color: #222;}
.form_box ul li .conbox .con_select{ flex: 1; height: 100%;  background:url(../imgPublic/ico_arrow_down.png) no-repeat right center; background-size:0.3rem; display: flex; align-items: center; position: relative; }
.form_box ul li .conbox .con_select .a{color: #aaa;}
.form_box ul li .conbox .con_select .b{ position: absolute; z-index: 11; width: 100%; height: 100%; opacity: 0;}
.form_box ul li .conbox .con_select .on{color: #222;}
.form_box ul li .conbox .con_textarea{ flex: 1; height:1.2rem;position: relative;}
.form_box ul li .conbox .con_textarea textarea{ width: 100%; height: 100%; background: none; border: 0px solid #ddd; background:none;padding:0 0.3rem 0 0; line-height: 0.3rem;}
.form_box ul li .conbox .con_textarea .str_monitor{ position: absolute; z-index: 11; bottom: 0rem; right: 0.3rem; color: #999;}
.form_box ul li .conbox .con_textarea .str_monitor .a{ color: #444;}
.form_box ul li .conbox .con_textarea .str_monitor .b{ color: #444;}
.form_box ul li .align_top{ align-items: flex-start; padding: 0.35rem 0;}
.form_box ul li .align_top .name{line-height: 0.3rem;}
.form_box ul li .align_top .cus_select{ flex: 1;  background:url(../imgPublic/ico_arrow_down.png) no-repeat right 0.05rem; background-size:0.3rem; display: flex; align-items: center; padding: 0rem 0.5rem 0 0;}
.form_box ul li .align_top .ico_img{ width: 0.5rem; height: 0.5rem;background-size: 0.35rem; background-position: left -0.02rem;} 

.form_box ul li .captcha_img{ width: 2rem; height: 0.7rem; border-radius: 0.7rem; overflow: hidden;}
.form_box ul li .captcha_img img{ width: 100%; height: 100%; }
.form_box ul li .captcha_sms{ width: 2rem; height: 0.7rem; overflow: hidden; display: flex;margin-left: 0.2rem;}
.form_box ul li .captcha_sms .a{color:#e73653; align-items: center; justify-content: center; display: flex; flex: 1; }
.form_box ul li .captcha_sms .on{color:#999;}

/*下划线*/
.form_box .box_line li{border-bottom: 0.01rem #eee solid; padding: 0 0.3rem;}
.form_box .box_line li{border-bottom: 0.01rem #eee solid; padding: 0 0.3rem;}
.form_box .box_line li .conbox .con_textarea textarea{ padding:0;}
.form_box .box_line .active{border-bottom: 0.01rem #e73653 solid;}
/*背景*/
.form_box .box_bgcor li{margin-bottom: 0.2rem; height: 100%;}
.form_box .box_bgcor li .conbox{ background:#eee ; border-radius: 0.1rem; padding-left:0.2rem;}
.form_box .box_bgcor li .conbox .cus_select{ background:url(../imgPublic/ico_arrow_down.png) no-repeat 94% center; background-size:0.3rem; }
.form_box .box_bgcor li .conbox .con_select{ background:url(../imgPublic/ico_arrow_down.png) no-repeat 94% center; background-size:0.3rem; }
.form_box .box_bgcor li .captcha_img{ width: 2rem; height: 0.9rem; border-radius: 0.1rem; overflow: hidden; margin-left: 0.2rem; }
.form_box .box_bgcor li .captcha_sms{ width: 2rem; height: 0.9rem; border-radius: 0.1rem; overflow: hidden; display: flex;margin-left: 0.2rem; border: 1px solid #ddd;}
/*边框*/
.form_box .box_border li{margin-bottom: 0.2rem; height: 100%;}
.form_box .box_border li .conbox{ border: 1px solid #eee; border-radius: 0.1rem; padding-left:0.2rem;}
.form_box .box_border li .conbox .cus_select{ background:url(../imgPublic/ico_arrow_down.png) no-repeat 94% center; background-size:0.3rem; }
.form_box .box_border li .conbox .con_select{ background:url(../imgPublic/ico_arrow_down.png) no-repeat 94% center; background-size:0.3rem; }
.form_box .box_border li .captcha_img{ width: 2rem; height: 0.9rem; border-radius: 0.1rem; overflow: hidden; margin-left: 0.2rem; }
.form_box .box_border li .captcha_sms{ width: 2rem; height: 0.9rem; border-radius: 0.1rem; overflow: hidden; display: flex;margin-left: 0.2rem; border: 1px solid #eee;}

.form_box .img_Name{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_name.png);}
.form_box .img_Mphone{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_mphone.png);}
.form_box .img_Lphone{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_lphone.png);}
.form_box .img_Passwd{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_password.png);}
.form_box .img_Passwd2{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_password2.png);}
.form_box .img_Smscode{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_smscode.png);}
.form_box .img_Imgcode{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_imgcode.png);}
.form_box .img_Letter{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_letter.png);}
.form_box .img_Address{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_address.png);}
.form_box .img_Idcard{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_idcard.png);}
.form_box .img_Position{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_position.png);}
.form_box .img_Position2{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_position2.png);}
.form_box .img_Store{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_store.png);}
.form_box .img_textarea{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_textarea.png);}
.form_box .img_Time{ background-repeat:no-repeat; background-image:url(../imgPublic/ico_f_time.png);}
.form_box .erroy{ color: #f00; background:url(../imgPublic/ico_m_erroy.png) no-repeat 0.05rem center; background-size:0.3rem; padding-left: 0.5rem; height: 0.6rem; font-size: 0.24rem; display: flex; align-items: center; margin-bottom: 0.2rem; }
.form_box ul li input::placeholder {color: #aaa; font-size: 0.26rem; }
.form_box ul li textarea::placeholder {color: #aaa; font-size: 0.26rem; }

.form_box .icobox_show{ overflow: hidden; margin: 0.5rem;}
.form_box .icobox_show p{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 30%; float: left; height: 1.5rem; margin: 0; padding: 0;}
.form_box .icobox_show p span{ width: 0.5rem; height: 0.5rem;background-size: 0.5rem; background-position: center; display: block;  margin-bottom: 0.2rem;}
/*垂直排列*/
.form_box ul .vbox{ overflow: hidden; flex-direction: column; padding-bottom: 0.3rem;}
.form_box ul .vbox .conbox{ width: 100%;}

.pro_count{ height: 0.6rem; display: flex; border: 1px solid #ddd; border-radius: 0.6rem; margin-left: 0.2rem; overflow: hidden;}
.pro_count span{ display: flex; align-items: center;justify-content: center; width: 0.6rem;}
.pro_count .minus{ font-size: 0.28rem; color: #888; }
.pro_count .plus{ font-size: 0.28rem; color: #888;}
.pro_count .number{ overflow: hidden; flex: 1; height: 100%;}
.pro_count .number input{font-size: 0.32rem; color: #222; border: none; background: none; border-left: 1px solid #ddd;border-right: 1px solid #ddd;display: flex; align-items: center;justify-content: center; width: 100%; height: 100%; text-align: center;}




/**协议**/
.agreement_box{ overflow: hidden; display: flex; align-items: flex-start;}
.agreement_box .radio{ width: 0.5rem; height: 0.5rem; display: block; background:url(../imgPublic/ico_a_radio1.png) no-repeat center top; background-size:0.35rem;transition: all .3s ease;}
.agreement_box .title{ font-size: 0.2rem; color: #444; float: left; flex: 1; line-height:0.35rem;align-content:flex-start; }
.agreement_box .title a{ color: #444; text-decoration: underline;}
.agreement_box .active{background:url(../imgPublic/ico_a_radio2.png) no-repeat center top; background-size:0.35rem; }


/**按钮**/
.btn_vbox{ display: flex; flex-direction: column;}
.btn_vbox a{height: 1rem; align-items: center; justify-content: center; display: flex; font-size: 0.32rem; color: #444;}
.btn_vbox .btn_main{ background-image: linear-gradient(90deg, #e73653, #ff1b43); color: #fff;}
.btn_vbox .btn_assist{ background-image: linear-gradient(90deg, #eee, #f1f1f1); color: #444;}
.btn_vbox .btn_text_line{ text-decoration: underline; font-size: 0.24rem; }

.btn_box{ display: flex; justify-content: space-between; align-items: center;}
.btn_box a{height: 1rem; align-items: center; justify-content: center; display: flex; font-size: 0.32rem; color: #444; flex: 1;}
.btn_box .btn_main{ background-image: linear-gradient(90deg, #e73653, #ff1b43); color: #fff;}
.btn_box .btn_assist{ background-image: linear-gradient(90deg, #eee, #f1f1f1); color: #444;}
.btn_box .conbox{ flex: 1; display: flex; align-items:baseline; min-width:45%;}
.btn_box .conbox .price{ font-size: 0.24rem; color: #e73653; }
.btn_box .conbox .price .a{ font-size: 0.4rem; font-weight: bold;}
.btn_box .conbox .o_price{ text-decoration: line-through; color: #888; margin-left: 0.1rem;}
.btn_box .btn_mini{ overflow: hidden; height: 100%; display: flex; flex: 1; }
.btn_box .btn_mini .alink{ flex: 1; display: flex; align-items: center; justify-content: center; font-size: 0.2rem; color: #444; flex-direction: column; padding: 0 0.1rem;border-left: 1px solid #eee;}
.btn_box .btn_mini .alink .ico_font{ width:0.5rem; height: 0.5rem; font-size: 0.4rem; display: flex; align-items: center; justify-content: center;}
.btn_box .btn_mini .alink .name{ font-size: 0.2rem;}
.btn_box .time_box{width: 4.5rem; display: flex; align-items:baseline;font-size: 0.2rem; color: #000;  padding: 0 0 0 0.3rem;}
.btn_box .time_box .cdown{color: #000; font-weight: bold;  display: flex; align-items:flex-end;}
.btn_box .time_box .cdown b{ font-size: 0.28rem; display: flex; align-items: center; justify-content: center; background-image:linear-gradient(180deg, #ddd, #eee); padding:0.05rem 0.1rem; margin: 0 0.05rem; border-radius: 0.1rem; color: #000;}



.btn_box .btn_top_line{ border-top: 1px solid #eee; }
.btn_box .btn_right_line{border-right: 1px solid #eee; }
.btn_box .btn_left_line{ border-left: 1px solid #eee; }
.btn_box .btn_bottom_line{border-bottom: 1px solid #eee; }

.btn_cap{ overflow: hidden; display:inline-block;}
.btn_cap a{ padding: 0.1rem 0.2rem; display: flex; align-items: center; border: 1px solid #eee; border-radius: 0.5rem; margin: 0 0.1rem; float: left;}
.btn_cap .active{ background: #e73653; color: #fff; border: 1px solid #e73653;}
.btnspacing{ overflow: hidden;}
.btnspacing a{ margin: 0 0.3rem;}

/**边缘按钮**/
.btn_side{ position: absolute; position: fixed; z-index: 30;}
.btn_side .type_ico{ display: flex; flex-direction: column; transition: all .3s ease;}
.btn_side .type_ico li{ width: 0.9rem; height: 0.9rem; border-radius: 50%;  background:rgba(0,0,0,0.3); box-shadow: 0.05rem 0.05rem 0.1rem rgba(0,0,0,0.1); overflow: hidden; margin-bottom: 0.2rem;}
.btn_side .type_ico li a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; overflow: hidden;}
.btn_side .type_ico li a .ico_img{ width: 100%; height: 100%; display: block;transform: scale(1.05);}
.btn_side .type_ico li a .ico_img img{ width: 100%; height: 100%;}
.btn_side .type_ico .nobgr{ background: none;}
.btn_side .type_ico li a .ico_font{font-size: 0.5rem; color: #fff;}
.btn_side .type_font{ display: flex; flex-direction: column; transition: all .3s ease;}
.btn_side .type_font li{  background:rgba(0,0,0,0.4); overflow: hidden; margin-bottom: 0.2rem; height: 0.6rem;}
.btn_side .type_font li a{display: flex; align-items: center; padding:0 0.1rem; color: #fff; height: 100%;}
.btn_side .type_font li a .ico_font{ font-size: 0.24rem; color: #fff; margin-right: 0.1rem;}
.position_leftTop{ left: 0; top: 2rem}
.position_leftbottom{ left: 0; bottom: 3rem;}
.position_leftTop .type_font li,.position_leftbottom, .type_font li{ border-radius:0 0.6rem 0.6rem 0; padding-right: 0.1rem;}
.position_rightTop{ right: 0; top: 2rem}
.position_rightBottom{ right: 0; bottom: 1.2rem;}
.position_rightTop .type_font li,.position_rightBottom, .type_font li{ border-radius:0.6rem 0 0 0.6rem; padding-left: 0.1rem;}


/**搜索**/
.search_box{ overflow: hidden; display: flex; justify-content: space-between; position: relative;}
.search_box .conbox{ overflow: hidden; background: #f1f1f1; border-radius: 0.8rem; height: 0.8rem; justify-content: space-between; align-items: center; display: flex; flex: 1;}
.search_box .conbox .ico_img{ background: url(../imgPublic/ico_magnifier.png) no-repeat center; background-size: 50%; width: 0.5rem; height: 0.5rem; margin-left:0.2rem;}
.search_box .conbox .ico_font{ font-size: 0.3rem; color: #999; margin: 0 0.1rem 0 0.3rem;}
.search_box .conbox input{ background: none; border: 0; flex: 1; height: 100%; padding-left: 0.15rem; align-items: center; font-size: 0.26rem; color: #222;}
.search_box .conbox input::placeholder {color: #aaa; font-size: 0.26rem; }
.search_box .conbox .btn{padding: 3px; width: 1.5rem; height: 100%; display: flex;}
.search_box .conbox .btn a{ width: 1.5rem; border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; color: #fff; background-image: linear-gradient(90deg, #e73653, #ff1b43); font-size: 0.26rem;}
.search_box .conbox .btn_empty{display: flex; width: 0.6rem; height: 0.8rem; color: #ccc; font-size: 0.34rem; align-items: center; justify-content: center;}
.search_box .conbox .ico_box{ display: flex;}
.search_box .conbox .ico_box i{ font-size: 0.4rem; margin: 0 0.2rem; font-size: 0.3rem; color: #999;}
.search_box .conbox .search_hot{ flex: 1; height: 100%; color: #aaa;display: flex;}
.search_box .conbox .search_hot ul{ overflow: hidden; width: 100%; }
.search_box .conbox .search_hot ul li{  align-items: center; display: flex; width: 100%; height: 0.8rem; padding-left: 0.2rem;}
.search_box .alink{ position: absolute; z-index: 12; width: 100%; height: 100%; display: flex;}
.search_box .alink a{ width: 100%; height: 100%;}

/**选择器**/
.picker_box{ overflow: hidden;}
.picker_box .title_box{ height: 0.6rem; display: flex; position: relative; border-bottom: 1px solid #f1f1f1;}
.picker_box .title_box span{ flex: 1; font-size: 0.24rem; align-items: center; justify-content: center; display: flex; color: #888;}
.picker_box .bot_line{ position: absolute; width: 33.3%; display: flex; bottom: 0;transition: all .5s ease; left: 0;}
.picker_box .bot_line::after{ width:0.5rem; content: ""; height: 2px;background: #e73653; margin: 0 auto;}

.picker_box .picker_container{ display: flex; overflow: hidden;}
.picker_box .picker_container .container{ flex: 1; overflow: hidden; height:5rem; overflow-y: scroll;}
.picker_box .picker_container .container li{ padding: 0.3rem 0; display: flex; align-items: center; justify-content: center; color: #222; font-size: 0.26rem;}
.picker_box .picker_container .container .active{ color: #e73653;}

.picker_box .picker_container2 .container{ flex: 1; overflow: hidden; height:5rem; overflow-y: scroll; display: none;}
.picker_box .picker_container2 .container li{ overflow: hidden;}
.picker_box .picker_container2 .singlefield li{padding: 0.3rem 0.7rem; display: flex; justify-content: space-between; align-items: center; font-size:0.28rem; border-bottom: 1px solid #f1f1f1;}
.picker_box .picker_container2 .singlefield .active{ color: #e73653;background:url(../imgPublic/ico_true.png) no-repeat 92% center; background-size:0.34rem;}
.picker_box .picker_container2 .pluralfield li{padding: 0.3rem 0.5rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f1f1f1;}
.picker_box .picker_container2 .pluralfield li .lef{ display: flex; flex-direction: column; flex: 1; line-height:160%;}
.picker_box .picker_container2 .pluralfield li .lef .name{ font-size: 0.28rem;}
.picker_box .picker_container2 .pluralfield li .lef .distance{ font-size: 0.2rem;}
.picker_box .picker_container2 .pluralfield li .lef .address{ font-size: 0.2rem; color: #888;margin-top: 0.1rem;}
.picker_box .picker_container2 .pluralfield li .lef .time{font-size: 0.2rem; color: #888;}

.picker_box .picker_container2 .pluralfield li .rig{ overflow: hidden; margin-left: 0.5rem; display: flex; flex-direction: column;}
.picker_box .picker_container2 .pluralfield li .rig .distance{ font-size: 0.26rem; text-align: center; }
.picker_box .picker_container2 .pluralfield li .rig .a{ height: 0.6rem; padding: 0 0.3rem; border-radius: 0.6rem; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; margin-top: 0.1rem;}
.picker_box .picker_container2 .container:nth-child(1){display: block;}

/**筛选**/
.filter_normal{ overflow: hidden;}
.filter_normal ul{ overflow: hidden;}
.filter_normal ul li{  height: 0.8rem; color: #444; display: flex; align-items: center; justify-content: center; width:29%; margin: 0.1rem 2%; float: left;}
.filter_normal ul .active{ color:#e73653; }
.filter_normal .list1 li{ width:96%; margin: 0.1rem 2%;}
.filter_normal .list2 li{ width:46%; margin: 0.1rem 2%;}
.filter_normal .list3 li{ width:29%; margin: 0.1rem 2%;}
.filter_normal .border li{border: 0.01rem solid #eee;}
.filter_normal .bgrCor li{  background: #f1f1f1;}
.filter_normal .font32 li{ font-size: 0.32rem;}

.filter_mini{ overflow: hidden;}
.filter_mini .name{ display: flex; align-items: center; justify-content: center; justify-content: space-between;}
.filter_mini .name .lef{ font-size: 0.28rem; color: #888;}
.filter_mini .name .rig{ width: 2rem;}
.filter_mini ul{ display: flex; flex-wrap: wrap; overflow: hidden;}
.filter_mini ul li{ background: #f1f1f1; border: 1px solid #f1f1f1; height: 0.6rem; align-items: center; padding: 0 0.2rem; border-radius: 0.6rem; margin: 0.1rem 0.2rem 0.1rem 0; font-size: 0.24rem; color: #444; display: flex;}
.filter_mini ul .active{ border: 1px solid #f00; color: #f00; background: #fff;}


.filter_radio { overflow: hidden;}
.filter_radio ul{ display: flex; overflow: hidden; flex-direction: column;}
.filter_radio ul li{ font-size: 0.24rem; color: #444; display: flex; flex-direction: column; position: relative; overflow: hidden;}
.filter_radio ul li .tit{ font-size: 0.28rem; line-height: 180%; color: #222; background:url(../imgPublic/ico_a_radio1.png) no-repeat left 0.07rem; background-size:0.34rem; padding-left: 0.5rem;}
.filter_radio ul li .con{ font-size: 0.24rem; line-height: 180%; color: #444; margin: 0.2rem 0 0.5rem 0.5rem; background: #f1f1f1; padding: 0.2rem; border-radius: 0.1rem;}
.filter_radio ul .active .tit{background:url(../imgPublic/ico_a_radio2.png) no-repeat left 0.07rem; background-size:0.34rem; }

.filter_radio2 { overflow: hidden;}
.filter_radio2 ul{ display: flex; overflow: hidden; flex-direction: column;}
.filter_radio2 ul li{}


.filter_item_attr{ overflow: hidden; background: #fff; display: flex; justify-content: space-between; align-items:baseline; margin-top: 0.2rem; padding: 0.3rem;}
.filter_item_attr .name{ color: #888; font-size: 0.28rem; width: 1rem;}
.filter_item_attr .discount{ flex: 1; display: flex; }
.filter_item_attr .discount ul{ flex: 1; display: flex; flex-wrap: wrap;}
.filter_item_attr .discount ul li{height: 0.5rem; border-radius: 0.5rem; border: #f00 1px dashed; display: flex; align-items: center; padding: 0 0.2rem; margin:0.1rem 0.2rem 0.1rem 0; font-size: 0.2rem; color: #f00;}
.filter_item_attr .proattr{ flex: 1; display: flex;  line-height: 180%;}
.filter_item_attr .proattr .cs_left{}
.filter_item_attr .proattr .cs_more{}
.filter_item_attr .icomore{background: url(../imgPublic/ico_more.png) no-repeat 100% 0.05rem; background-size:0.3rem;padding-right: 0.7rem; }



/**信息反馈**/
.feedback_box{ overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.feedback_box .img_box{ width:1.2rem; overflow: hidden;}
.feedback_box .img_box img{ width: 100%;}
.feedback_box .con_box{overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.feedback_box .con_box .font40{ font-size: 0.40rem; line-height: 180%;}
.feedback_box .con_box .font32{ font-size: 0.32rem; line-height: 180%;}
.feedback_box .con_box .font28{ font-size: 0.28rem; line-height: 180%;}
.feedback_box .con_box .font24{ font-size: 0.24rem; line-height: 180%;}


.toast_box{ overflow: hidden; background-color:rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; border-radius: 0.2rem;flex-direction: column; margin: 0.3rem; padding: 0.3rem;}
.toast_box .ico_font{ font-size: 0.5rem; color: #fff; margin-bottom: 0.1rem;}
.toast_box .con_box{ overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.toast_box .con_box .font32{ font-size: 0.32rem; color: #fff; line-height: 180%;}
.toast_box .con_box .font28{ font-size: 0.28rem; color: #fff; line-height: 180%;}
.toast_box .con_box .font24{ font-size: 0.24rem; color: #fff; line-height: 180%;}

.resultcode_box{ overflow: hidden; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.resultcode_box .codeimg{ width:3rem; overflow: hidden; border: 1px solid #ccc;}
.resultcode_box .codeimg img{ width: 100%;}
.resultcode_box .codestr{ font-size:0.28rem; text-align: center; font-weight: bold; margin: 0.3rem 0;}
.resultcode_box .codestr .code{ font-weight: bold; color: #d00; margin: 0.1rem 0; font-size: 0.36rem;}

.loading_box{ overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.loading_box .img_box{ background: #fff; width: 1.5rem; border-radius: 0.1rem; margin-bottom: 0.1rem; padding: 0.1rem;}
.loading_box .img_box img{ width: 100%;}
.loading_box .name{ font-size: 0.24rem; color: #999; margin-bottom: 0.5rem;}

/*打包模块*************************/
/**销售品基本信息展示**/
.prod_intro{ overflow: hidden; background: #fff;  padding: 0.3rem;}
.prod_intro .price_box{ font-size: 0.24rem;  display: flex; align-items:flex-end;}
.prod_intro .price_box .a{ font-size: 0.24rem;color: #f00; display: flex; align-items: baseline; margin-right: 0.1rem;}
.prod_intro .price_box .a .a_1{ font-size: 0.6rem; font-weight: bold;}
.prod_intro .price_box .b{ font-size: 0.32rem; height: 0.5rem; background: #f00; color: #fff; display: flex; align-items: center; padding: 0 0.2rem; border-radius: 0.5rem; margin: 0 0.1rem 0.15rem 0;}
.prod_intro .price_box .c{ font-size: 0.24rem;color: #888; display: flex; align-items: baseline; margin: 0 0.1rem 0.07rem 0;}
.prod_intro .price_box .c .c_1{ font-size: 0.36rem; font-weight: bold; text-decoration: line-through;}
.prod_intro .intro_tit{ font-size: 0.32rem; font-weight: 800; line-height: 160%;}


.prod_list_order{ overflow: hidden;}
.prod_list_order ul{ overflow: hidden; }
.prod_list_order .order_list{ overflow: hidden; display: flex; flex-direction: column; background: #fff;}
.prod_list_order ul li{ display: flex; flex-direction: column;}
.prod_list_order ul .id_list{ font-size: 0.26rem; height: 1rem; align-items: center; display: flex; justify-content: space-between;}
.prod_list_order ul .id_list .lef{}
.prod_list_order ul .id_list .lef .a{ color: #d00; font-size: 0.32rem; font-weight: bold;}
.prod_list_order ul .id_list .rig{ height: 0.5rem; padding: 0 0.2rem; display: flex; align-items: center; border:1px solid #ddd; color: #888; border-radius: 0.3rem;}
.prod_list_order ul .prod_list{ overflow: hidden; display: flex; align-items: flex-start; margin: 0.2rem 0;}
.prod_list_order ul .prod_list .lef{ width: 1.2rem; height: 1.2rem; border-radius: 0.1rem; margin-right: 0.2rem; overflow: hidden; background: #f1f1f1; margin-right: 0.3rem;}
.prod_list_order ul .prod_list .lef img{ width: 100%; height: 100%;}
.prod_list_order ul .prod_list .rig{ flex: 1; display: flex; flex-direction: column;}
.prod_list_order ul .prod_list .rig .a{ font-size: 0.28rem; color: #222; font-weight: bold;}
.prod_list_order ul .prod_list .rig .b{ font-size: 0.26rem; color: #888; line-height: 180%;}

.sel_list_payway{ overflow: hidden; background: #fff;border-radius: 0.2rem; margin: 0 0.2rem 0;}
.sel_list_payway ul{ overflow: hidden; display: flex; flex-direction: column;}
.sel_list_payway ul li{ overflow: hidden; align-items:center; font-size: 0.26rem; display: flex; height: 1rem; background:#fafafa url(../imgPublic/ico_a_radio1.png) no-repeat 110% center; background-size: 0.3rem;transition: all .3s ease;}
.sel_list_payway ul li .a{ color: #888; }
.sel_list_payway ul li .zfb{  color:#24a6d6; font-size: 0.4rem; margin: 0 0.3rem;}
.sel_list_payway ul li .wx{  color:#20bc39;  font-size: 0.4rem; margin: 0 0.3rem;}
.sel_list_payway ul li .yzf{  color:#ff6600; font-size: 0.4rem; margin: 0 0.3rem;}
.sel_list_payway ul .on{ background: #fff url(../imgPublic/ico_a_radio2.png) no-repeat 96% center; background-size: 0.3rem;transition: all .3s ease;}


/**------------------全局效果模块**/
/* .dombox{} */
/**溢出监听**/
.div_placeholder{min-height: 0.9rem;width: 7.5rem;}
.div_addsticky{position: -webkit-sticky;position: -moz-sticky;position: -ms-sticky;position: -o-sticky;position: sticky; top: 0; z-index: 9;}/*不能溢出父盒子 要清除overflow: hidden;*/
.div_addfixed{ z-index: 50;position: fixed; top:0;}

/**固定位置**/
.fixed_position{ overflow: hidden; height: 1.2rem;}
.fixed_position .fiexdbox{position: fixed; z-index: 99; width: 7.5rem;  overflow: hidden; bottom: 0;}
.fixed_position .bottom{ bottom: 0;}
.fixed_position .top{ top: 0;}

/**弹出层**/
.popup_box{width:100%; max-width:750px; height:100%; position:absolute; z-index:100;  top:0; left: 0;}
.popup_box .opacity_box{width:100%; max-width:750px; height:130%; position: absolute; z-index: 101; top: 0; background-color:rgba(0,0,0,0.6);position:fixed;}
.popup_box .opacity010{ background-color:rgba(0,0,0,0.1);}
.popup_box .content_box{width:100%; max-width:750px; height:100%; position: absolute; z-index: 112; bottom: 0; position:fixed; display: flex; flex-direction:column;align-items: center; }
.popup_box .content_box .bgr_color{ background: #fff; overflow: hidden; width: 100%; position: relative; min-height: 3rem;}
.popup_box .content_box .btn_close{ cursor: pointer; width: 1rem; height: 1rem; margin-top: 0.5rem; display: flex; align-items: center; justify-content: center;}
.popup_box .content_box .btn_close .ico_img{background:url(../imgPublic/ico_close1.png) no-repeat center; background-size:0.7rem; display: block; cursor: pointer; width: 1rem; height: 1rem;}
.popup_box .content_box .btn_close .ico_font{ font-size: 0.4rem; color: #fff;}

.tckjguoBox{width: 7.5rem; height: 7.5rem; position: relative;}
.tckjguoBox .bjline{ background: url(../images/cgtkbj2.png) no-repeat center; background-size: 100% 100%; width: 7.5rem; height:7.5rem; margin: -1rem 0 0;}
.tckjguoBox .tckjguo{ background: url(../images/cgtkbj.png) no-repeat center; background-size: 100% 100%; width: 5.6rem; height: 6.8rem; position: absolute; z-index: 1; left: 0.95rem; top: 0.35rem; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.tckjguoBox .tckjguo .gbclose{  height: 1rem;width: 1rem; background: #c00; opacity: 0;}
.tckjguoBox .tckjguo .lisx_btn{  height: 1.5rem; background: #c00; width: 100%; opacity: 0;}
.an_xuanz{animation:an_sx 10s infinite linear;}
@keyframes an_sx {
    0% { transform: rotate(0deg);}
    100% {  transform: rotate(360deg);}
}

.popup_box .align_top{ justify-content: flex-start; }
.popup_box .align_mid{ justify-content: center; }
.popup_box .align_mid .bgr_color{ width:6rem; border-radius: 0.2rem;}
.popup_box .align_bottom{ justify-content: flex-end; }
.popup_box .align_bottom .bgr_color{ border-radius: 0.2rem 0.2rem 0 0;}

/**滚动盒子，上下带渐变**/
.scroll_dom{ overflow: hidden; position: relative;}
.scroll_dom::before{background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1)); width: 100%; height: 0.4rem; position: absolute; z-index: 11; top: 0; left: 0; content: "";}
.scroll_dom::after {background-image: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0)); width: 100%; height: 0.4rem; position: absolute; z-index: 12; bottom: 0; left: 0; content: "";}
.scroll_limit_height{ max-height: 7rem; overflow-y: scroll;}


/**边距 margin=m padding=p **/
.m2000{ margin-top: 0.2rem }
.m0200{ margin-right: 0.2rem }
.m0020{ margin-bottom: 0.2rem }
.m0002{ margin-left: 0.2rem }
.m0220{ margin: 0 0.2rem }
.m2220{ margin: 0.2rem 0.2rem 0 }
.m0222{ margin: 0 0.2rem 0.2rem}
.m2222{ margin: 0.2rem }

.m3000{ margin-top: 0.3rem;  }
.m0300{ margin-right: 0.3rem; }
.m0030{ margin-bottom: 0.3rem; }
.m0003{ margin-left: 0.3rem; }
.m0330{ margin: 0 0.3rem; }
.m3030{ margin: 0.3rem 0; }
.m3330{ margin: 0.3rem 0.3rem 0;}
.m0333{ margin:0 0.3rem 0.3rem;}
.m3333{ margin: 0.3rem }

.m4000{ margin-top: 0.4rem;  }
.m0400{ margin-right: 0.4rem; }
.m0040{ margin-bottom: 0.4rem; }
.m0004{ margin-left: 0.4rem; }
.m0440{ margin: 0 0.4rem; }
.m4440{ margin: 0.4rem 0.4rem 0;}
.m0444{ margin:0 0.4rem 0.4rem;}
.m4444{ margin: 0.4rem }

.m5000{ margin-top: 0.5rem;  }
.m0500{ margin-right: 0.5rem; }
.m0050{ margin-bottom: 0.5rem; }
.m0005{ margin-left: 0.5rem; }
.m0550{ margin: 0 0.5rem; }
.m5550{ margin: 0.5rem 0.5rem 0;}
.m0555{ margin:0 0.5rem 0.5rem;}
.m5555{ margin: 0.5rem }

.p2000{ padding-top: 0.2rem; }
.p0200{ padding-right: 0.2rem; }
.p0020{ padding-bottom: 0.2rem; }
.p0002{ padding-left: 0.2rem; }
.p2002{ padding: 0.2rem 0}
.p0220{ padding: 0 0.2rem 0; }
.p2220{ padding: 0.2rem 0.2rem 0}
.p0222{ padding: 0 0.2rem 0.2rem }
.p2222{ padding: 0.2rem }

.p3220{ padding: 0.3rem 0.2rem 0}
.p3000{ padding-top: 0.3rem; }
.p0300{ padding-right: 0.3rem; }
.p0030{ padding-bottom: 0.3rem; }
.p0003{ padding-left: 0.3rem; }
.p3030{ padding: 0.3rem 0;}
.p0330{ padding: 0 0.3rem 0; }
.p3303{ padding: 0.3rem 0.3rem 0}
.p0333{ padding: 0 0.3rem 0.3rem }
.p3333{ padding: 0.3rem }

.p4000{ padding-top: 0.4rem; }
.p0400{ padding-right: 0.4rem; }
.p0040{ padding-bottom: 0.4rem; }
.p0004{ padding-left: 0.4rem; }
.p0440{ padding: 0 0.4rem 0; }
.p4440{ padding: 0.4rem 0.4rem 0}
.p0444{ padding: 0 0.4rem 0.4rem }
.p4444{ padding: 0.4rem }

.p5000{ padding-top: 0.5rem; }
.p0500{ padding-right: 0.5rem; }
.p0050{ padding-bottom: 0.5rem; }
.p0005{ padding-left: 0.5rem; }
.p0550{ padding: 0 0.5rem 0; }
.p5550{ padding: 0.5rem 0.5rem 0}
.p0555{ padding: 0 0.5rem 0.5rem }
.p5555{ padding: 0.5rem }

.p5333{ padding: 0.5rem 0.3rem 0.3rem 0.3rem}
.p2525{ padding: 0.2rem 0.5rem 0.2rem 0.5rem}

.pp1000{ padding: 1rem 0 0 0 }
.pp1111{ padding: 1rem }
.pp1515{ padding: 1rem 0.5rem 1rem 0.5rem }
.pp0010{ padding-bottom: 1rem; }

/** 全局高度 height = h **/
.h090{height: 0.9rem;}
.h100{height: 1rem;}
.h110{height: 1.1rem;}
.h120{height: 1.2rem;}
.h130{height: 1.3rem;}
.h140{height: 1.4rem;}
.h150{height: 1.5rem;}

/**边框border  = bd  **/
.bd_top{border-top: 1px solid #eee;}
.bd_right{border-right: 1px solid #eee;}
.bd_bottom{border-bottom: 1px solid #eee;}
.bd_left{border-left: 1px solid #eee;}
.bd_around{border: 1px solid #eee;}
.bd_no{ border: none;}

/** 圆角 border-radius =  br**/
.br005{ border-radius: 0.05rem;}
.br010{ border-radius: 0.1rem;}
.br015{ border-radius: 0.15rem;}
.br020{ border-radius: 0.20rem;}
.br050{ border-radius: 0.5rem;}
.br080{ border-radius: 0.8rem;}
.br090{ border-radius: 0.9rem;}
.br100{ border-radius: 1rem;}
.br000{ border-radius: 50%;}
.br1100{border-radius: 0.1rem 0.1rem 0 0;}
.br0011{border-radius: 0 0 0.1rem 0.1rem;}
.br2200{border-radius: 0.2rem 0.2rem 0 0;}
.br0022{border-radius: 0 0 0.2rem 0.2rem;}
.br_no{ border-radius: 0;}

/*字体颜色*/
.fcBule{ color: #2266f6;}
.fcRed{ color: #e73653;}
.fcfff{ color: #fff;}
.fc999{ color: #999;}
.fc888{ color: #888;}
.fc666{ color: #666;}
.fc444{ color: #444;}
.fc333{ color: #333;}
.fc222{ color: #222;}
.fc000{ color: #000;}
/*背景颜色*/
.bgrCor_f0{ background: #f0f0f0;}
.bgrCor_f1{ background: #f1f1f1;}
.bgrCor_f7{ background: #f7f7f7;}
.bgrCor_ff{ background: #fff;}
.bgrCor_no{ background: none;}

@font-face{ font-family:myFontAkrobatBold;  src:url( '../font/Akrobat-Bold.otf'); }
.w_over{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

/*swiper*/
/*计数样式*/
.swiper-pagination-topRightNumber{ overflow: hidden; position:absolute; z-index: 11; top: 0.3rem; right: 0.3rem; width: 0.8rem; height: 0.8rem; background: rgba(0,0,0,0.4); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center;font-style: oblique; line-height: 100%; font-size: 0.2rem; border: 1px solid rgba(255,255,255,0.5);}
.swiper-pagination-topRightNumber .topRightNumber{ bottom: 0; position: sticky;}
.swiper-pagination-topRightNumber .topRightNumber .swiper-pagination-current{ font-size: 0.4rem; }

/*圆点*/
.swiper-pagination-bottomCenterDot{ overflow: hidden; position:absolute; z-index: 11; bottom: 1rem; width:100%;  display: flex; align-items: center; justify-content: center;line-height: 100%; }
.swiper-pagination-bottomCenterDot .swiper-pagination-bullet{}
.swiper-pagination-bottomCenterDot .swiper-pagination-bullet-active{ background: #ff1b43; border: 1px solid #fff; width:10px; height: 10px;}

/*短横线*/
.swiper-pagination-bottomCenterShortLine{ overflow: hidden; position:absolute; z-index: 11; width:100%;  display: flex; align-items: center; justify-content: center;line-height: 100%; padding-bottom: 0.1rem;}
.swiper-pagination-bottomCenterShortLine .swiper-pagination-bullet{ width: 0.2rem; height: 0.04rem; border-radius: 0.04rem;}
.swiper-pagination-bottomCenterShortLine .swiper-pagination-bullet-active{ background: #ff1b43; width: 0.4rem;}