@charset "utf-8";
@import url("../iconfont/iconfont.css");
:root{
    --hds-default-0:#55414a;
    --hds-default-1:#6c314e;
    --hds-default-2:#6e4b7d;
    --hds-default-3:#546ba8;
    --hds-default-4:#008bc1;
    --hds-default-5:#00a9c5;
    --hds-default-6:#00c3b4;
    --hds-default-7:#ffde42;
    --hds-default-8:#ff5500;
    --hds-default-9:#ffa85a;
    /*------------------------------*/
    --hds-status-1: #16baaa;
    --hds-status-2: #01aaed;
    --hds-status-3: #ff5722;
    --hds-status-4: #ffb800;
    --hds-status-5: #9e8bfa;
    --hds-status-6: #a233c6;
    /*------------------------------*/
    --hds-color-1: #339999;
    --hds-color-2: #3eadad;
    --hds-color-3: #66CCCC;
    --hds-color-4: #CCFFFF;
    --hds-color-5: #FFCC33;
    --hds-color-6: #fffae2;
}
html{*overflow:auto;_overflow-y:scroll;}
body{cursor:default;-webkit-text-size-adjust:none;font-size:12px;font: 12px/24px "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif, "Helvetica Neue"; background:#fff;color: #222;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
ol,ul,li{list-style:none outside none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
abbr,acronym{border:0;} 
a{outline:none;cursor:pointer;text-decoration:none;color: #666;}
a:hover,a:active{text-decoration:none; color: var(--hds-default-8);}
img,object{vertical-align:top;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
.clearfix::before,.clearfix::after{ content: ''; display: table; clear: both;}
.clear::before,.clear::after{ content: ''; display: table; clear: both;}
.no_select{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.no_resize{resize: none;}
.float_50{float:left; width:50%; clear: none!important;}
/* todo */
.todo_warp{padding: 330px; height: 30px; text-align: center; background-image: url(../images/todo.png); background-position: center 200px; background-repeat: no-repeat; background-size: auto 200px; padding-top: 420px;}
.todo_warp h2{font-size: 18px; color:#009900; line-height: 45px; font-weight: normal;}
.todo_warp p{font-size: 14px ; color: #999;  line-height: 25px;}
.tmp_footer{width: 100%; text-align: center; font-size: 12px; color: #888; position: absolute; bottom: 30px; left: 0;}
.tmp_footer a{color: #888; text-decoration: none;}
.tmp_footer a:hover{color: #666; text-decoration: underline;}
/*404*/
@media (min-width:1000px){
    #con_404{ width:1000px; margin:0 auto;}
    #con_404 .con_404_left{float: left; margin-top:65px; background:url(../images/404/left_bj_404.png) no-repeat left; width:500px; height:415px;}
    #con_404 .con_404_right{ float: left; width:450px; margin-top:200px;}
    #con_404 .con_404_right h2{ color:#0180cf; font-size:58px;}
    #con_404 .con_404_right p{ margin-top:35px; color:#696969; font-size:26px;}
    #con_404 .con_404_right a{ background-color: #0180cf; border-radius: 2px; display:block; width:200px; height:45px; margin-top:50px; color:#fff; font-size:18px; text-align:center; line-height:45px; float: left; margin-right:20px;}
    #con_404 .con_404_right a:last-child{ margin-right: 0;}
    #con_404 .con_404_right a:hover{background-color: #026eb1;}
}
@media (max-width:999px){
    .con_404_left{display: none;}
    .con_404_right{padding: 250px 0 0;background-image: url(../images/404/m_404_bg.png);background-position: center 100px; background-repeat: no-repeat;background-size: auto 150px;}
    .con_404_right h2{text-align: center; margin: 25px 0 10px; font-size: 32px; line-height: 20px; color: #2882db; font-weight: bold;}
    .con_404_right p{display: block; text-align: center; line-height: 32px; font-size: 16px;  margin-bottom: 50px; margin-top: 10px; color: #888;}
    .con_404_right a{display: block; width: 60%; max-width: 200px; height: 40px; box-sizing: border-box; color: #3b9eff; background-color: #fff; border: 1px solid #3b9eff; border-radius: 4px; text-align: center; font-size: 16px; line-height: 40px; margin:0 auto 15px;}
    .con_404_right a:last-child{background-color: #3b9eff; color: #fff;}
}

/*warning*/
.warning_page_wrap{ min-width: 400px; text-align: center; background-color: #f7f7f7;border: 1px solid #e4dfdf; padding: 90px 50px 30px;background-image: url(../images/showmsg/warning.png); background-position: center 20px; background-repeat: no-repeat; background-size: auto 48px;font-size: 14px;line-height: 20px;text-align: center;color: #666;position: fixed; left:50%; top:40%;transform: translateX(-50%) translateY(-100%); border-radius: 4px;}
/*showmsg*/
.showmsg_wrap{background-color: #fff; border-radius: 8px; box-sizing: border-box; width: 680px; height: 420px; position: fixed; left:50%; top:50%;transform: translateX(-50%) translateY(-60%);z-index: 99991;-moz-box-shadow: 3px 3px 5px #D9E1EA;   -webkit-box-shadow: 3px 3px 5px #D9E1EA;       box-shadow: 3px 3px 5px #D9E1EA;   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D9E1EA')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#D9E1EA');}
.showmsg_wrap .icon{height: 120px; display: block; margin: 0 auto; padding:60px 0 30px; background-image: url(../images/showmsg/msg_bg_0.png); background-position: center 60px; background-repeat: no-repeat; background-size: auto 120px;}
.showmsg_wrap .icon.status_0{background-image: url(../images/showmsg/msg_bg_0.png);}
.showmsg_wrap .icon.status_1{background-image: url(../images/showmsg/msg_bg_1.png);}
.showmsg_wrap .icon.status_2{background-image: url(../images/showmsg/msg_bg_2.png);}
.showmsg_wrap p{font-size: 32px; font-weight: bold; text-align: center; color: #2882db;}
.showmsg_wrap em{display: block; text-align: center; line-height: 36px; font-size: 14px; margin-top: 40px;  margin-bottom: 10px; color: #888;}
.showmsg_wrap ul{width: 100%; margin: 0 auto; text-align: center;}
.showmsg_wrap ul li{width: 180px; height: 42px; display: inline-block; margin: 0 10px;}
.showmsg_wrap ul li a{display: block; width: 100%; height: 42px;box-sizing: border-box; color: #3b9eff; background-color: #fff; border: 1px solid #3b9eff; border-radius: 4px; text-align: center; font-size: 18px; line-height: 40px;}
.showmsg_wrap ul li:first-child a{background-color: #3b9eff; color: #fff;}
/*========page=========*/
.page{margin-bottom: 50px; margin-left: auto; margin-top: 15px; text-align: center; margin-right: auto; padding-top: 10px; font-size: 14px;}
.page li{display: inline-block;}
.page li.page_all{display: none;}
.page a{border: 1px solid #DDDDDD;color: #999 !important;cursor: pointer;display: inline-block; height: 36px;line-height: 36px; margin-right: 8px; padding-left: 12px; padding-right: 12px; background-color: #fbfbfb; border-radius: 2px;}
.page a[href]{color: #666666 !important; background-color: #FFFFFF; }
.page a[href]:hover{border: 1px solid var(--hds-default-9); color: var(--hds-default-8) !important; text-decoration: none;}
.page a.select{background-color:var(--hds-default-9); border: 1px solid var(--hds-default-9); color: #FFFFFF !important;}
.page a.select:hover{color: #FFFFFF !important;}
.page span{display: inline-block; height: 36px; line-height: 36px; margin-right: 8px; padding-left: 12px; padding-right: 12px;}
/*=========重定义layui的样式=========*/
.layui-input-center{text-align: center;}
.layui-input.red{border-color: #FF5722 !important; background-color: #fdf7f5 !important ; }
.layui-table{margin: 0 20px; width: calc(100% - 40px);}
.layui-table td.center, .layui-table th.center{text-align: center;}
.layui-table td.right, .layui-table td.right{text-align: right;}
.layui-table td a:not(.layui-btn){color: #009688; }
.layui-table td a:not(.layui-btn):hover{text-decoration: underline;}
table .layui-form-switch{margin-top: 0!important;}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr{background-color: #fafafa; font-weight:normal;}
.layui-table th{font-weight: normal;}
.layui-carousel img{width: 100%; height: auto;}
/*=============common============*/
.no_data_wrap{width: 100%; height: 30px; padding-top: 140px; position: relative; background-image:url(../images/no_data.png); background-position: center 10px; background-repeat: no-repeat; background-size: auto 120px; text-align: center; font-size: 14px; color: #999;}
.readonly{background-color: rgb(248,248,248);}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.w80{width: 80px!important;}
.w100{width: 100px!important;}
.w120{width: 120px!important;}
.w150{width: 150px!important;}
.w180{width: 180px!important;}
.w200{width: 200px!important;}
.w220{width: 220px!important;}
.w240{width: 240px!important;}
.w260{width: 260px!important;}
.w280{width: 280px!important;}
.w300{width: 300px!important;}
.w400{width: 400px!important;}
.w450{width: 450px!important;}
.w500{width: 500px!important;}
.w600{width: 600px!important;}
.w650{width: 650px!important;}
.w700{width: 700px!important;}
.w800{width: 800px!important;}
.layui-btn.s1{background-color: #1e9fff;}
.layui-btn.s2{background-color: #16baaa;}
.layui-btn.s3{background-color: #95cf5e;}
.layui-btn.s4{background-color: #2C3E50;}
.layui-btn.s5{background-color: #84AF9B;}
.layui-btn.s6{background-color: #ff5722;}
.layui-btn.s7{background-color: #a233c6;}
.layui-btn.s8{background-color: #D24D57;}
.layui-btn.t1{background-color: #84AF9B;}
.layui-btn.t2{background-color: #D24D57;}
.layui-btn.t3{background-color: #16baaa;}
.layui-btn.t4{background-color: #00CCFF;}
.layui-btn.t5{background-color: #1e9fff;}
.layui-btn.t6{background-color: #95cf5e;}
.layui-btn.t7{background-color: #ffb800;}
.layui-btn.t8{background-color: #D0D0D0;}
.layui-btn.t9{background-color: #2C3E50;}
/*多图上传*/
.hds_image_upload{margin-bottom: -20px;}
.hds_image_upload::before,.hds_upload::after{ content: ''; display: table; clear: both;}
.image_upload_li{width: 120px; height: 120px; float: left; margin-right: 20px; margin-bottom: 20px; position: relative; background-image: url(../images/transparent.png);}
.image_upload_li img{display: block; width: 120px; height: 120px; cursor: pointer; border-radius: 4px; overflow: hidden;}
.image_upload_li a{display: block; width: 30px; height: 30px; position: absolute; top: -10px; right: -10px; background-image: url(../images/err.png); background-size: 30px auto; border: 0; cursor: pointer; background-color: #fff; border-radius: 50%; overflow: hidden;}
.image_upload_li a.goPrev{right: 25px; background-image: url(../images/prev.png);}
.image_upload_btn{width: 120px; height: 120px; float: left; margin-right: 20px; background-image: url(../images/upload_btn.jpg); background-position: center; background-size: 120px auto; cursor: pointer; transition:all 0.2s;}
.image_upload_btn:hover{background-size: 130px auto;}
/*=============index============*/
.index_header{width: 100%; height: 70px;background: #fff; box-shadow: 0 2px 24px hsla(0,0%,40%,.2); position: relative; z-index: 999;}
.index_header .logo{float: left; padding: 12px 0;}
.index_header .logo img{display: block; width: auto; height: 46px;}
.index_header .nav{float: right;}
.index_header .nav li{display: inline-block; margin-left: 30px; font-size: 16px; color: #666; line-height: 70px;}
.index_slider_main{width: 100%; min-height: 800px; background-image: url(../images/slider_bg.png); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; }
.index_banner{ width: 1200px; height: 434px; margin: 0 auto; background-image: url(../images/tmp.png); background-position: right top; background-repeat: no-repeat; background-size: auto 100%;}
.index_banner h2{padding: 120px 0 20px 10px; font-size: 56px; color: #000; font-weight: 500; line-height: 1;}
.index_banner p{font-size: 24px; color: #888; line-height: 2; padding: 0 10px 20px; font-weight: lighter;}
.index_banner a{display: block; width: fit-content; margin: 0 0 0 10px; padding: 10px 30px; border-radius: 4px; background-color: #03c160; color: #fff; font-size: 18px; line-height: 1.8; text-decoration: none;}
.index_banner a:hover{opacity: 0.8;}
.index_main{width: 100%; height: auto; background-color: #fff;}
.index_title{text-align: center; padding-top: 100px; margin-bottom: 30px;}
.index_title h2{width: fit-content; margin: 0 auto; padding: 0 10px; height: 36px; line-height: 1; font-size: 36px; color: #333; font-weight: 500; position: relative; }
.index_title h2::before{content: ""; position: absolute; width: 60px; height: 24px; background-image: linear-gradient(to right, transparent, #7dc0ff); border-radius: 999px; left: 0; top: calc(50% - 10px); transform: translateX(-100%); }
.index_title h2::after{content: ""; position: absolute; width: 60px; height: 24px; background-image: linear-gradient(to right, #83e397, transparent); border-radius: 999px; right: 0; top: calc(50% - 10px); transform: translateX(100%); }
.index_title.white h2{color: #fff;}
.index_title.white h2::before{background-image: linear-gradient(to right, transparent, #fff);}
.index_title.white h2::after{background-image: linear-gradient(to right, #fff, transparent);}
.points_warp{width: 1200px; height: 560px; margin: 20px auto 50px; background-image: url(../images/point_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: auto 100%; position: relative;}
.points_warp .points_item{font-size: 24px; font-weight: 500; color: #01b0f1; line-height: 1.3; position: absolute;}
.points_warp .points_item.t1{text-align: right; top: 45px; left: 100px;}
.points_warp .points_item.t2{text-align: left; top: 60px; left: 870px; color: #01365e;}
.points_warp .points_item.t3{text-align: right; top: 267px; left: 15px; color: #0061a8;}
.points_warp .points_item.t4{text-align: left; top: 250px; left: 900px; color: #01aef0;}
.points_warp .points_item.t5{text-align: right; top: 460px; left: 80px; color: #016386;}
.points_warp .points_item.t6{text-align: left; top: 460px; left: 870px; color: #002c49;}
.index_main.features{background-image: url(../images/features_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100% auto;}
.features_warp{text-align: center; padding-bottom: 20px;}
.features_warp img{display: block; margin: 0 auto; width: 1200px; height: auto;}
.index_main.solutions{background-color: #f7f7f7;}
.solutions_warp{width: 1300px; margin: 0 auto; padding: 30px 0;}
.solutions_item{width: calc(25% - 80px); height: 360px; padding: 0 40px; float: left;}
.solutions_item .icon{width: 80px; height: 80px; background-color:rgba(95, 129, 253, .8); margin: 40px auto 20px; border-radius: 35px; text-align: center;}
.solutions_item:nth-child(2) .icon{background-color:rgba(98, 196, 139, .8);}
.solutions_item:nth-child(3) .icon{background-color:rgba(191, 114, 226, .8);}
.solutions_item:nth-child(4) .icon{background-color:rgba(241, 135, 103, .8);}
.solutions_item .icon i{font-size: 42px; line-height: 80px; text-align: center; color: rgba(255,255,255,0.8);}
.solutions_item h3{font-size: 30px; text-align: center; font-weight: 500; color: #666; line-height: 1; margin: 40px auto 20px;}
.solutions_item p{font-size: 16px; text-align: center; color: #999; line-height: 1.8;}
.index_main.about{background-image: url(../images/about_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.about_warp{font-size: 14px; color: #fff; text-align: left; line-height: 2.4; width: 1100px; margin: 0 auto; padding:60px 500px 150px 0; box-sizing: border-box; background-image: url(../images/about_right.png); background-position: right top; background-repeat: no-repeat; background-size: 500px auto; }
.index_footer{text-align: center; padding: 40px 0 50px; color: rgba(255, 255, 255, 0.6); font-size: 12px; background-color: #111111; min-width: 1200px;}
.index_footer a{padding-right: 10px; padding-left: 10px; color: rgba(255, 255, 255, 0.6);}
.index_footer a:hover{color: rgba(255, 255, 255, 0.6);}
.index_footer a i{font-size: 18px; color: rgba(255, 255, 255, 0.6);  padding-right: 6px; vertical-align: sub;}
.index_right{position: fixed; right: 4px; bottom: 140px;}
.index_right li{display: block; width: 48px; height: 48px; margin-bottom: 4px; position: relative;}
.index_right li .tel_warp{position: absolute; display: none; right: 52px; bottom: 0; width: fit-content; height: 48px; line-height: 48px; padding: 0 20px; background-color: #03c160; color: #fff; font-size: 18px; font-weight: bold; border-radius: 4px; }
.index_right li .qrcode_warp{position: absolute; display: none; right: 52px; bottom: 0; width: 106px; height: 106px; padding: 8px;  background-color: #03c160; color: #fff; font-size: 18px; font-weight: bold; border-radius: 4px; }
.index_right li .qrcode_warp img{display: block; width: 106px; height: 106px; border-radius: 4px;}
.index_right li a{display: block; width: 48px; height: 48px; border-radius: 4px; background-color: #ebfff4; text-align: center;}
.index_right li a i{font-size: 26px; line-height: 48px; text-align: center; color: #03c160;}
.index_right li a:hover{background-color: #03c160;}
.index_right li a:hover i{color: #fff;}
/*=============apply============*/
.apply_wrap{margin: 30px auto; width: 600px; font-size: 14px;}
.layui-form-group{width: 100%; border-bottom: 1px solid #e4dfdf; margin-bottom: 20px; }
.layui-form-group .layui-form-item{width: 50%; float: left; clear: none;}

/*=============album============*/
.w1200{max-width: 1200px; margin: 0 auto;}
.w800{max-width: 740px; margin: 0 auto;}
body.hui{background-color: rgb(250,250,250);}
body.hui2{background-color: rgb(242,242,242);}
.header{width: 100%; height: 70px; position: fixed; top: 0; left: 0; z-index: 99; background-color: #fff; border-bottom: 1px solid #e4dfdf; box-shadow: 0 1px 3px rgba(0,0,0,0.05);}
.header .logo{padding: 0 20px 0 0; float: left; border-right: 1px solid rgb(232,232,232); margin: 10px 0; }
.header .logo img{width: 100px; height: 50px; display: block;}
.header h1{padding: 0 20px 0 0; margin: 10px 0; float: left; border-right: 1px solid rgb(232,232,232); font-size: 32px; font-weight: bold; line-height: 50px; color: #f4874a;}
.header .title{padding:10px 20px; font-size: 20px;  line-height: 50px; color: #888; float: left;}
.header .seacher_wrap{ margin: 10px 0; float: right; width: 360px; padding-right: 120px; position: relative; border: 1px solid #ff851b; height: 48px; line-height: 48px; border-radius: 9999px;  box-sizing: border-box; }
.header .seacher_wrap input{background-color: transparent; font-size: 16px; line-height: 48px; width: 100%; border: none; padding-left: 20px; box-sizing: border-box;}
.header .seacher_wrap .clear_btn{position: absolute; background-color: transparent; border: none; top: 10px; right:90px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #999; font-size: 16px; cursor: pointer;}
.header .seacher_wrap .clear_btn i{text-align: center; font-size: 22px; line-height: 24px; color: #999;}
.header .seacher_wrap .clear_btn:hover i{color: #666;}
.header .seacher_wrap .seacher_btn{position: absolute; border: none; top: -1px; right:-1px; width: 80px; height: 48px; line-height: 18px; padding-right: 10px; text-align: center; color: #fff; background-color: #ff851b; cursor: pointer; border-radius:0 9999px 9999px 0;}
.header .seacher_wrap .seacher_btn i{font-size: 24px; line-height: 48px; text-align: center;}
.header .seacher_wrap .seacher_btn:hover{opacity: 0.8;}
.header .package_price{margin: 10px 0; float: right; line-height: 50px; font-size: 16px; color: #444; }
.header .package_price span{ color: #ff5000; font-size: 20px; }
.header .package_price span em{font-weight: bold; font-size: 24px; margin-right: 5px;}
.header_bg{width: 100%; height: 70px;}
.album_banner{width: 1200px; margin: 20px auto 0;}
.album_banner img{display: block; width: 100%; height: 360px; border-radius: 4px;}

.album_nav{width: 1200px; margin: 20px auto 0; background-color: #fff; border-radius: 8px;}
.album_nav ul{padding: 20px 10px 0px 30px;}
.album_nav li{float: left; margin: 0 20px 20px 0; }
.album_nav li a{display: block; width: 96px; height: 116px; border-radius: 8px; padding-top: 1px;}
.album_nav li a .img{width: 68px; height: 68px; position: relative; margin: 10px auto 8px; background-color: #fff;}
.album_nav li a .img img{display: block; width: 68px; height: 68px; background-color: #fff; position: absolute; left: 0; top: 0; border-radius: 8px; transition: all 0.3s ease-in-out;}
.album_nav li a p{font-size: 14px; text-align: center; color: #666; line-height: 20px; width: 100%; height: 20px; overflow: hidden;}
.album_nav li a:hover .img img{top: -6px;}
.album_nav li a.active{outline: 2px solid #ff851b;}
.album_nav li a.active p{color: #ff851b;}

.container{width: 1160px; margin: 20px auto 0; padding: 25px 20px 5px; border-radius: 8px; background-color: #fff;}
.footer{text-align: center; padding: 30px 0; color: #888; font-size: 12px;}
.footer a{padding-right: 10px; padding-left: 10px; color: #999;}
.footer a:hover{color: #888;}
.footer a i{font-size: 18px; color: #888;  padding-right: 6px; vertical-align: sub;}
.category_title{padding: 15px 0 5px; line-height: 36px;}
.category_title p{font-size: 16px; line-height: 36px; padding-left: 20px; position: relative;}
.category_title p::before{content: ""; position: absolute; top: 8px; left: 5px; width: 3px; height: 20px; border-radius: 50%; background-color: #ff851b; border-radius: 3px;}
.goods_table{width: 100%; box-sizing: border-box; border-collapse: collapse; border-radius: 2px; position: relative; margin-bottom: 20px; }
.goods_table th{padding: 8px 5px; border: 1px solid #ddd; background-color: #f5f5f5; text-align: center; font-size: 14px; color: #666; line-height: 24px;}
.goods_table td{padding: 8px 5px; border: 1px solid #dfdfdf; text-align: center; font-size: 14px; color: #666; line-height: 22px;}
.goods_table th:nth-child(1){width: 12%;}
.goods_table th:nth-child(2){width: 28%;}
.goods_table th:nth-child(3){width: 10%;}
.goods_table th:nth-child(5){width: 15%;}
.goods_table .del{padding-right: 6px; font-size: 12px; color: #999; text-decoration: line-through; }
.goods_table .del.block{display: block; padding-right: 0; font-size: 12px; color: #999; text-decoration: line-through; }
.goods_table .rmb{font-size: 12px; padding-right: 2px;}
.goods_table .price{font-size: 16px; font-weight: 500; color: rgb(255, 80, 0); font-family: 'AlibabaSans102v1TaoBao-Bold';}
.goods_table .goods_img{width: 100%; height: auto; position: relative; overflow: hidden; }
.goods_table .goods_img img{width: 100%; height: auto; display: block; transition: all 0.3s ease-in-out;}
.goods_table a:hover .goods_img img{transform: scale(1.05);}
.goods_table .goods_img p{position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; background-color: rgba(0,0,0,0.6); padding: 8px 4px; font-size: 12px; color: #fff; line-height: 1.4;}
.goods_table .price_box{ width: 100%; height: 100%; display: block;}
.goods_table .price_box .price_box_left{width: 120px; float: left; min-height: 100%; background-color: #f7f7f7; box-sizing: border-box; padding: 10px 0 0 0;}
.goods_table .price_box .price_box_left li{width: calc(100% - 4px); margin-left: 4px; margin-bottom: 4px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; color: #666; border-radius: 30px 0 0 30px; cursor: pointer;}
.goods_table .price_box .price_box_left li.active,.goods_table .price_box .price_box_left li:hover{background-color: #fff; color: #ff9d49; font-weight: bold;}
.goods_table .price_box .price_box_right{width: calc(100% - 120px); float: left; height: 100%;  }
.goods_table .price_box .price_box_right dl{margin: 0 auto; background-color: #fff; border-bottom: 1px solid #dfdfdf;  font-size: 14px; color: #666;  }
.goods_table .price_box .price_box_right dl dt{width: 70%; float: left; text-align: center; line-height: 42px;}
.goods_table .price_box .price_box_right dl dd{width: 30%; float: right; text-align: center; line-height: 42px;}
.lift{width: 40px; padding: 4px 4px; height: auto; background-color: #fff; position: fixed; top: 50%; left: calc(50% + 650px); transform:translateY(-50%); z-index: 99; text-align: center;  border-radius: 9999px; cursor: pointer; transition: all 0.3s ease-in-out; opacity: 1;}
.lift li{position: relative; font-size: 12px; color: #999; width: 40px; height: 40px; border-radius: 9999px; line-height: 40px; transition: all 0.2s ease-in-out;}
.lift li i{font-size: 18px;  color: #999; transition: all 0.2s ease-in-out;}
.lift li:hover, .lift li.active{background-color: #02c090; color: #fff;}
.lift li:hover i,.lift li.active i{color: #fff;}
.lift .contact_box{position: absolute; bottom: 0px; right: 60px; background-color: #02c090; border-radius: 4px; padding: 10px; padding-left: 115px; width: 240px; height: 110px; text-align: left; opacity: 0; display: none;}
.lift .contact_box .img{position: absolute; left: 10px; top: 10px; width: 90px; height: 110px; display: block;}
.lift .contact_box img{ display: block; width: 90px; height: 90px; border-radius: 4px;}
.lift .contact_box span{display: block; font-size: 12px; color: rgba(255,255,255,0.8); text-align: center;  line-height: 20px;}
.lift .contact_box h3{font-size: 14px; color: #fff; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,0.6);}
.lift .contact_box p{margin-bottom: 6px; padding-left: 60px; font-size: 13px; color: #fff; line-height: 1.2; position: relative;}
.lift .contact_box p:last-child{margin-bottom: 0;}
.lift .contact_box p em{position: absolute; width: 60px; display: block; left: 0; top: 0;}
.lift .mini_box{position: absolute; bottom: 0px; right: 60px; background-color: #02c090; border-radius: 4px; padding: 10px; opacity: 0; display: none;}
.lift .mini_box img{width: 100px; height: 100px; display: block;}
.lift .mini_box p{font-size: 12px; color: #fff; text-align: center; margin-top: 5px;}
/*=============detail============*/
.top_btns{float: right;}
.top_btns li{width: 70px; height: 70px; float: left; position: relative;}
.top_btns li .icon{width: 42px; height: 42px; margin: 14px auto; background-color: #02c090; border-radius: 50%; text-align: center; line-height: 40px; color: #fff; font-size: 24px; transition: all 0.3s ease-in-out; cursor: pointer; }
.top_btns li .icon i{font-size: 20px; line-height: 40px; }
.top_btns li:hover .icon{background-color: #17dfad;}
.top_btns .contact_box{position: absolute; top: 71px; left: 50%; transform: translateX(-50%); background-color: #02c090; border-radius: 4px; padding: 10px; padding-left: 115px; width: 240px; height: 110px; text-align: left; opacity: 0; display: none;}
.top_btns .contact_box .img{position: absolute; left: 10px; top: 10px; width: 90px; height: 110px; display: block;}
.top_btns .contact_box img{ display: block; width: 90px; height: 90px; border-radius: 4px;}
.top_btns .contact_box span{display: block; font-size: 12px; color: rgba(255,255,255,0.8); text-align: center;  line-height: 20px;}
.top_btns .contact_box h3{font-size: 14px; color: #fff; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid rgba(255,255,255,0.6);}
.top_btns .contact_box p{margin-bottom: 6px; padding-left: 60px; font-size: 13px; color: #fff; line-height: 1.2; position: relative;}
.top_btns .contact_box p:last-child{margin-bottom: 0;}
.top_btns .contact_box p em{position: absolute; width: 60px; display: block; left: 0; top: 0;}
.top_btns .mini_box{position: absolute; top: 71px; left: 50%; transform: translateX(-50%); background-color: #02c090; border-radius: 4px; padding: 10px; opacity: 0;}
.top_btns .mini_box img{width: 100px; height: 100px; display: block;}
.top_btns .mini_box p{font-size: 12px; color: #fff; text-align: center; margin-top: 5px;}
.detail_container{width: 700px; margin: 90px auto 0; padding: 30px; border-radius: 8px; background-color: #fff;}
.goods_album{width:700px; height:800px; position:relative; overflow:hidden; margin:0;}
.goods_album .large_pic{ width:700px; height:700px; position:relative; overflow:hidden;}
.goods_album .large_pic ul{ position:absolute; left:0; top:0;}
.goods_album .large_pic ul li{ width:700px; height:700px; border-radius: 4px; overflow: hidden;}
.goods_album .large_pic ul li img{display: block; width: 700px; height: 700px; border-radius: 4px; overflow: hidden;}
.goods_album .large_pic .large_pic_btn{ position:absolute; width:36px; height:36px; z-index:9; cursor:pointer; top:50%; transform: translateY(-50%); background-color: rgba(0,0,0,0.2); border-radius: 9999px; text-align: center; line-height: 36px; color: #fff; font-size: 14px;}
.goods_album .large_pic .large_pic_btn i{font-size: 20px; color: #fff;}
.goods_album .large_pic .large_pic_btn.prev{left:12px;}
.goods_album .large_pic .large_pic_btn.next{right:12px;}
.goods_album .num{ height:82px;overflow:hidden; width:532px; position:relative; float:left;}
.goods_album .min_pic{ padding-top:10px; width:700px;}
.goods_album .num ul{ position:absolute; left:0; top:0;}
.goods_album .num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.goods_album .num ul li img{display: block; width: 80px; height: 80px;}
.goods_album .num ul li.on{ border:1px solid red; padding:0;}
.goods_album .min_pic .min_pic_btn{width:24px; height: 80px; cursor:pointer; text-align:center; line-height: 80px; background-color: rgba(0,0,0,0.2);}
.goods_album .min_pic .min_pic_btn i{font-size: 14px; color: #fff;}
.goods_album .min_pic .prev_btn{margin-right:10px; cursor:pointer; float:left; border-radius: 4px 0 0 4px;}
.goods_album .min_pic .next_btn{float:right; cursor:pointer; border-radius: 0 4px 4px 0;}
.goods_title{padding: 0 0 20px; font-size: 24px; color: #333; line-height: 1.5; font-weight: bold; }
.goods_info li{padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 14px; color: #666; line-height: 20px; position: relative; padding-left: 70px; box-sizing: border-box;}
.goods_info li dt{position: absolute; left: 0; top: 10px; font-size: 16px; color: #666; font-size: 14px; padding-left: 5px;}
.goods_info li dd{font-size: 14px; color: #333; position: relative; z-index: 1;}
.goods_info li dd em{display: inline-block; padding: 0 6px; background-color: rgb(248,248,248); border: 1px solid #ddd; font-size: 12px; line-height: 20px; color: #666; border-radius: 2px; margin-right: 12px; margin-left: -6px;}
.goods_info li dd .pwd{display: block; position: absolute; z-index: 2; right: 0; top: -4px; padding: 0 12px; font-size: 12px; background-color: #fff;  color: #666; line-height: 26px; border: 1px solid #dedede; border-radius: 9999px; margin-left: 20px;}
.goods_info li dd a{color: var(--hds-default-4); font-size: 12px;}
.detail_container .unit_item{width: 100%; height: auto; margin-top: 10px; position: relative; padding-left: 60px; box-sizing: border-box;} 
.detail_container .unit_item .dt{width: 50px; text-align: left; padding-left: 5px; font-size: 14px; line-height: 36px; color: #666; position: absolute; left: 0; top: 0;}
.detail_container .unit_item .ul{width: 100%; height: auto;}
.detail_container .unit_item .ul.color_ul .li{display: inline-block; padding: 0 16px; font-size: 14px; line-height: 34px; border: 1px solid #ddd; color: #666; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; cursor: pointer;}
.detail_container .unit_item .ul.color_ul .li:not(.active):hover{background-color: #ff5000;  border-color: #ff5000; color: #fff;}
.detail_container .unit_item .ul.color_ul .li.active{color: #ff5000; border-color: #ff5000;}
.detail_container .price_item_li{display: block; width: 100%; height: 38px; box-sizing: border-box; padding: 0 16px; font-size: 14px; line-height: 36px; border: 1px solid #ddd; color: #666; margin-right: 10px; margin-bottom: 10px; border-radius: 4px;  }
.detail_container .price_item_li:hover{border-color: #ff5000;}
.detail_container .price_item_li_left{width: 60%; float: left;}
.detail_container .price_item_li_right{width: 40%; float: right; text-align: right;}
.detail_container .price_item_li_right .del{padding-right: 6px; font-size: 14px; color: #999; text-decoration: line-through;}
.detail_container .price_item_li_right .rmb{font-size: 14px; padding-right: 2px;}
.detail_container .price_item_li_right .price{font-size: 16px; font-weight: 500; color: rgb(255, 80, 0); font-family: 'AlibabaSans102v1TaoBao-Bold';}
.detail_container .unit_ul .unit_item2 .unit_item_li{display: inline-block; padding: 0 16px; font-size: 14px; line-height: 34px; border: 1px solid #ddd; color: #666; margin-right: 10px; margin-bottom: 10px; border-radius: 4px; cursor: pointer;}
.detail_container .unit_ul .unit_item2 .unit_item_li:hover{border-color: #ff5000;}
.price_table{margin-top: 20px;}
.price_table th:nth-child(1){width: 60%;}
.price_table th:nth-child(2){width: 40%;}
.title2{font-size: 18px; color: #333; line-height: 1.5; font-weight: bold; margin-top: 50px; margin-bottom: 20px; position: relative; padding-left: 15px;}
.title2::before{content: ""; position: absolute; top: 4px; left: 5px; width: 3px; height: 20px; border-radius: 50%; background-color: #ff851b; border-radius: 3px;}
.goods_content{width: 100%; height: auto;}
.goods_content img{width: 100%; height: auto; display: block;}
.contact_box2{margin-top: 20px; padding: 10px 15px; height: 120px; background-color: #02c090; border-radius: 4px; position: relative; padding-left: 135px;}
.contact_box2 .img{position: absolute; left: 15px; top: 10px; width: 100px; height: 120px; display: block;}
.contact_box2 img{display: block; width: 100px; height: 100px; border-radius: 4px;}
.contact_box2 span{display: block; font-size: 12px; color: rgba(255,255,255,0.8); text-align: center;  line-height: 20px;}
.contact_box2 h3{font-size: 16px; color: #fff; margin-bottom: 10px; border-bottom: 1px solid #fff; padding-bottom: 8px; }
.contact_box2 p{ margin-top: 8px; padding-left: 65px; font-size: 13px; color: #fff; line-height: 1.3; position: relative;}
.contact_box2 p:last-child{margin-bottom: 0;}
.contact_box2 p em{position: absolute; width: 65px; display: block; left: 0; top: 0;}

.album_apply_wrap{padding: 50px 0 30px; text-align: center;}
.album_apply_wrap a{display: block; margin: 0 auto; height: 48px; background-color: #03c160; padding: 0 40px; border-radius: 9999px; width: fit-content; font-size: 18px; color: #fff; line-height: 48px; }
.album_apply_wrap a i{font-size: 24px; vertical-align: bottom;}
.album_apply_wrap a:hover{opacity: 0.8;}

/*=============help============*/
.help_header{border-bottom: 3px solid #03c160; min-width: 1200px;}
.index_header .title{float: left; padding-left:24px; margin: 12px 24px; border-left: 1px solid #ddd; font-size: 24px; line-height: 46px; color: #333;} 
.index_header .go_home{float: right; display: block; margin: 17px 24px; padding: 0 24px; font-size: 14px; line-height: 36px; color: #fff; background-color: #03c160; border-radius: 8px; cursor: pointer;}
.help_content{width: 1200px; margin: 0 auto; min-height: 800px; box-sizing: border-box;}
.help_content .menu{width: 240px; float: left; background-color: rgb(248,248,248); min-height: 800px; padding:30px 20px; box-sizing: border-box; }
.help_content .menu .menu_ul{position: sticky; left: 0; top: 0;}
.help_content .menu .menu_ul h2{font-size: 14px; line-height: 30px; color: #666;}
.help_content .menu .menu_ul h2 a{color: #666; text-decoration: none;}
.help_content .menu .menu_ul h2 a:hover, .help_content .menu .menu_ul h2 a.active{color: #ff5000;}
.help_content .main{width: calc(100% - 240px); float: right;  min-height: 800px; box-sizing: border-box; padding: 0 30px 40px;}
.help_content .main h2{font-size: 20px; font-weight: bold; margin-bottom: 20px; margin-top: 100px; left: 30px;}
.help_content .main h2.first{margin-top: 30px;}
.help_content .main h2 em{display: block; float: left; background-color: #03c160; margin-right: 10px; width: 38px; font-size: 16px; line-height: 26px; text-align: center; border-radius: 4px; color: #fff; }
.help_content .main .help_text{margin-bottom: 40px;}
.help_content .main .help_text h3{font-size: 16px; line-height: 1.2; font-weight: bold; margin-top: 20px; }
.help_content .main .help_text img{display: block; max-width: 900px; height: auto; margin-top: 20px;}
.help_content .main .help_text p{font-size: 14px; line-height: 1.6; color: #666; text-indent: 2em; margin-top: 10px;}
.help_content .main .help_text a{color: #47824c; text-decoration: underline;}
.help_content .main .help_text p b{font-style: normal; font-weight: normal; border-bottom: 1px solid #ff5000;}
.help_footer{position: relative; z-index: 9999;}

.agreement_content{margin: 60px auto; width: 1000px; font-size: 16px; line-height: 1.6; color: #666;}