@charset "utf-8";
/* CSS Document */
.page{text-align: center; margin: 0 auto;}
html,body{background:#fff; font-size:14px; margin:0; padding:0; color: #525252; position: relative;}
*{padding: 0; margin: 0;}
.in_center{width:1200px; height: 100%; margin: 0 auto; transition: all .5s ease 0s;}
h1,h2,h3,h4{font-size:14px; font-weight: normal; line-height: 1;}
a,a:hover{color:#525252;}
i,em{font-style:normal;}
img{border: 0; width:100%; vertical-align:middle;}
i,em{font-style: normal;}
.fl{float:left;}
.fr{float:right;}
ul,li,dl,dd{list-style-type:none; margin:0; padding:0}
table{ border-spacing: 0; width: 100%;}

.top{height: 42px; line-height: 42px; background: #009fa6; color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 999;}
.top a{color: #fff;}
.top .fr div{display: inline-block; height: 20px; line-height: 20px;padding-right: 10px;}
.top .fr div i{margin-right: 6px;}
.top .fr div .icon{font-size: 22px; vertical-align: middle;}
.top .fr div span{display: inline-block; background: #a7cd45; padding:1px 3px; border-radius: 100%; font-size: 12px; margin-left: 8px;width: 22px;text-align: center;}
.header{height: 115px; box-shadow: 0px 2px 3px #efefef; position: fixed; top: 42px; left: 0; width: 100%; z-index: 999; background: #fff;}
.header .logo{float: left; width: 120px; margin-top: 19px;}
.header .logo img{width: 120px; height: 66px;}
.nav{float: right;}
.nav ul li{float: left; padding: 0 22px; height: 115px; line-height: 115px; font-size: 16px;}
.nav ul li.now,.nav ul li:hover{background: #a7cd45; transition: all .5s ease 0s;}
.nav ul li.now a,.nav ul li:hover a{color: #fff; transition: all .5s ease 0s;}

.n_bann{margin-top: 157px; height: 400px; position: relative; z-index: 9;}
.n_bann img{height: 400px;}

.bottom{background: #056165; height: 44px; line-height: 44px; color: #fff; font-size: 12px; clear: both;}
.bottom a{color: #fff;}

/*登录*/
.mainbody{margin-top: 157px;}
.register{background: url(../images/register.jpg) no-repeat center top; height: 709px; margin-top: 157px;}
.reg_center{width: 800px; margin: 0 auto; padding-top: 118px;}
.reg_tit{font-size: 14px; color: #666; height: 16px; line-height: 16px; text-align: right; position: absolute; right: 55px; top:120px;}
.reg_tit a{color: #009fa6;}
.reg_tit a span{background: #009fa6; color: #fff; text-transform: uppercase; height: 16px; line-height: 16px; width: 26px; text-align: center; display: inline-block;}
.register .reg_center table{margin: 110px auto 0 auto;}
.reg_center table{width: 333px; margin: 55px auto 0 auto; font-size: 12px; color: #666;}
.reg_center table th{font-size: 24px; color: #323232; font-weight: normal; background: url(../images/th_bg.png) no-repeat center bottom; padding-bottom: 34px;}
.reg_center table tr td{padding-top: 35px;}
.reg_center table .text{height: 40px; line-height: 40px; width: 333px; border: 1px solid #e4e4e4; background: url(../images/tel.jpg) no-repeat 12px center #fff; padding-left: 36px; font-size: 14px;}
.reg_center table .yq{height: 40px; line-height: 40px; width: 333px; border: 1px solid #e4e4e4; background: url(../images/yqm.jpg) no-repeat 12px center #fff; padding-left: 36px; font-size: 14px;}
.reg_center table .mima{height: 40px; line-height: 40px; width: 333px; border: 1px solid #e4e4e4; background: url(../images/mima.jpg) no-repeat 12px center #fff; padding-left: 36px; font-size: 14px;}
.reg_center table tr td a{float: right; color: #009fa6;}
.reg_center table .denglu{background: #323232; height: 40px; line-height: 40px; width: 208px; text-align: center; color: #fff; font-size: 18px; border: none; margin-left: 62px;}
.reg_bottom{font-size: 12px; color: #7d7d7d; background: #343334; height: auto; line-height: 40px;}
.reg_bottom a{float: right; color: #7d7d7d;}

/*注册*/
.login{background-image: url(../images/login.jpg); height:709px; width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; margin-top: 157px;}
.reg_center{background: url(../images/reg_center.png) no-repeat center 70px; width: 925px; height: 648px; padding: 0 50px; padding-top: 70px; position: relative;}
.login table tr td{padding-top: 20px;}
.login table tr td .yzm{float: left; height: 40px; line-height: 40px; width: 207px; border: 1px solid #e4e4e4; background: #fff; padding-left: 16px; font-size: 14px;}
.login table tr td a.hq{float: right; height: 38px; line-height: 38px; width: 118px; text-align: center; color: #fff; background: #009fa6;}
.login table tr td p{color: #009fa6; line-height: 35px;}
.login table tr td a.tk{color: #009fa6;}

/*个人中心*/
.member_title{height: 46px; line-height: 46px; font-size: 14px; color: #999; border: 1px solid #e9e9e9; margin-bottom: 24px;}
.member_title a{color: #999;}
.member_title a.dq{color: #009fa6;}
.left{float: left; width: 248px;}
.left_tit{border: 1px solid #e5e5e5; border-bottom: 2px solid #009fa6; padding: 20px 15px 20px 22px; margin-bottom: 16px;}
.left_tit .fl,.left_tit .fl img{width: 50px; height: 46px;}
.left_tit .fl img{border-radius: 100%;}
.left_tit .fr{font-size: 14px; color: #525252; text-transform: uppercase; width: 150px; line-height: 1.5;}
.left_li{border: 1px solid #e5e5e5; padding: 24px 17px;}

.left_tit .fr span{display: block; font-weight: bold; font-size: 18px;}
.accordion {width: 100%;}
.accordion .link {cursor: pointer;  display: block; height:34px; line-height:34px; border: 1px solid #d7d7d7; color: #666; font-size: 16px; color: #525252; font-weight: bold; position: relative; margin-top: 8px; padding-left: 22px; background-image: url(../images/link1.png); background-position: 95% center; background-repeat: no-repeat; background-size:5%; transition: all .4s ease 0s;}
.accordion li{cursor: pointer;}
.accordion li.open .link {color: #fff; background:#009fa6; border: 1px solid #009fa6; transition: all .4s ease 0s;}
.accordion li span{background: #009fa6; border-radius: 100%; color: #fff; margin-left: 10px; padding: 1px 4px;}
.accordion li.open i {color: #f39800;}
.submenu {font-size: 14px; margin: 10px 0;}
.submenu a{display:block; text-decoration:none; color: #525252; height: 42px; line-height: 42px; padding-left: 22px;}
.submenu a:hover ,.submenu li.current a,.submenu li.now a{color:#009fa6;}
.right{float: right; width:917px;}
.pay_tabel{margin-bottom: 44px;}
.pay_tit{font-size: 16px; color: #525252; height: 37px; line-height: 24px; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px; font-weight: bold;}
.pay_tit i{margin-right: 9px;}
.pay_tit span{float: right; font-size: 14px; font-weight: normal;}
.pay_tit span.sure{color: #009fa6;}
.right_li{width: 100%; border: 1px solid #e0e0e0;}

/*安全设置*/
.right_li .table3{font-size: 16px; color: #525252; width: 600px; margin: 100px auto;}
.right_li .table3 td{padding-bottom: 28px;}
.right_li .table3 .text{border: 1px solid #d7d7d7; height: 32px; line-height: 32px; width: 425px; padding-left: 12px; font-size: 14px;}
.right_li .table3 td p{font-size: 14px; color: #a7cd45; padding: 15px 0;}
.right_li .table3 .button,.right_li .table2 .button{background: #009fa6; color: #fff; height: 38px; line-height: 38px; width: 168px; text-align: center; border: none;}
.right_li .table3 td:last-child{text-align: center;}

/*订单详情*/
.order{margin: 30px; border-bottom: 1px solid #d7d7d7; font-size: 16px; color: #666; padding-bottom: 28px; line-height: 40px;}
.order span{color: #323232;}
.order i{color: #a40000;}
.order_fs{ margin: 0 30px;}
.order_fs p{font-size: 14px; color: #525252; line-height: 30px;}
.order_fs p span{color: #a40000; height: 56px; line-height: 56px; font-size: 16px; display: block; font-family: 苹方;}
.zf_fs{margin-bottom: 50px;}
.zf_fs .fl{width: 110px; text-align: right; color: #323232; font-size: 16px; font-weight: bold; height: 46px; line-height: 46px;}
.zf_fs .fr{width: 194px; float: left; margin-left: 22px;}
.zf_fs .fr .wxzf{height: 46px; line-height: 46px; width: 194px; border: 1px solid #d7d7d7; text-align: center; border-radius: 5px;}
.zf_fs .fr .wxzf img{height: 42px; width: 140px; vertical-align: top;}
.zf_fs .fr .ewm{border: 1px solid #d7d7d7; height: 144px; width: 144px; text-align: center; margin-top: 12px;}
.zf_fs .fr .ewm img{height: 125px; width: 125px; margin-top: 8px;}

/*新增订单详情*/
.store ul li {border-bottom: 1px solid #e0e0e0; zoom: 1; padding-bottom: 30px; margin: 30px 15px 15px;}
.store ul li:after {display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;  content: ".";}
.store .img {float: left; width: 150px; height: 150px; text-align: center; border: 1px solid #e5e5e5;}
.store .img img {height: 110px; width: 110px; margin-top: 10px;}
.store .s_xx {float: right; width: 700px;}
.store .s_xx h1 {font-size: 18px; height: 40px; line-height: 40px; color: #0d0a0c; margin-bottom: 10px; overflow: hidden;}
.store .s_xx h2 {font-size: 16px; height: 60px; line-height: 30px; color: #989898; overflow: hidden;}
.store .num {color: #989898; font-size: 16px;}
.qr {margin: 20px; float: right;}
.qr a {height: 35px; line-height: 35px; width: 150px; background: #a7cd45; color: #fff; font-size: 14px;display: inline-block; text-align: center;}
.qr a:last-child {background: #009fa6;}
.qr:after {display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;  content: ".";}
.right_li:after {display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;  content: ".";}

/*支付成功*/
.success{background: #fff; height: 396px; width: 756px; margin: 0 auto; padding: 25px 30px; text-align: center; top: 50%; position: fixed; left: 50%; margin-left: -378px; margin-top: -198px;}
.close{border: 1px solid #d7d7d7; height: 42px; line-height: 42px; text-align: center; width: 42px; border-radius: 100%; float: right; font-size: 24px; }
.close i{color: #d7d7d7; font-weight: lighter; font-size: 36px;}
.zfcg{margin-top: 100px; font-size: 36px; color: #323232; line-height: 2;}
.zfcg i{display: block; font-size: 50px; height: 86px; line-height: 86px; width: 86px; border-radius: 100%; background: #a40000; color: #fff; margin: 0 auto; font-weight: bold;}

/*个人资料*/
.table2{width: 600px; margin: 50px auto 40px auto; font-size: 16px; color: #525252;}
.table2 td .zf{border: 1px solid #d7d7d7; height: 44px; width: 142px; display: inline-block;}
.table2 td .zf img{height: 42px; width: 140px;}
.table2 td .zf:hover,.table2 td .zf.dq{border: 1px solid #a40000;}
.table2 td{padding-bottom:30px;}
.table2 td .text{height: 32px; line-height: 32px; width: 263px; border: 1px solid #d7d7d7; padding-left: 12px; font-size: 14px;}
.table2 td a{color: #009fa6}
.table2 td .tx{background: #a40000; height: 36px; line-height: 36px; width: 190px; text-align: center; font-size: 16px; color: #fff; border: none; margin-left: 30px;}
.right_li .table2 .sm{display: inline-block; margin-left: 24px; font-size: 14px; color: #666;}
.right_li .table2 .sm font{color: #a40000; margin-right: 4px;}
.box{display:inline-block; width:20px; height:20px; margin-right:7px; position:relative; border:1px solid #d7d7d7; vertical-align:middle; border-radius:100%;}
.box input{opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100;}
.box span{display:block; width:14px; height:10px; border-radius:100%; position:absolute; left:50%; top:50%; background: url(../images/gou.jpg) no-repeat; margin:-5px 0 0 -7px; z-index:1;}
.box input[type="radio"] + span{opacity:0;}
.box input[type="radio"]:checked + span{opacity:1;}
.box input[type="radio"]:checked + span{opacity:1;}
.xb{margin-right: 55px; display: inline-block;}
#drop_area{height: 150px !important; width: 150px !important; border: 1px solid #dbdbdb; padding: 10px; background: url(../images/jia.jpg) no-repeat center;}

/*会员中心*/
.right_top .fl{width: 452px; height: 150px; background: url(../images/bg1.jpg) no-repeat;}
.right_top .fl .ye{height: 42px; line-height: 42px; width: 105px; text-align: center; color: #fff; font-size: 16px; background: #a7cd45;}
.right_top .fl .jg{text-align: center; color: #fff; font-size: 28px; line-height: 1; margin-top: 24px;}

.right_top .fr{width: 452px; height: 150px; background: url(../images/bg2.jpg) no-repeat; margin-bottom: 45px;}
.right_top .fr .ye{height: 42px; line-height: 42px; width: 105px; text-align: center; color: #fff; font-size: 16px; background: #009fa6;}
.right_top .fr .jg{text-align: center; color: #fff; font-size: 28px; line-height: 1; margin-top: 24px;}
.right_li .table1{ border-spacing: 0; width: 100%;}
.right_li .table1 tr:first-child{font-size: 16px; color: #323232; font-weight: normal; background: #dedede; height: 40px; line-height: 40px; margin: 0; padding: 0; text-align: center;}
.right_li .table1 td{text-align: center; border-bottom: 1px solid #e0e0e0; padding: 20px 0;}
.right_li .table1 td .img{border: 1px solid #e0e0e0; width: 130px; height: 98px; margin: 0 auto;}
.right_li .table1 td .img img{height: 82px; width: 82px; margin-top: 7px;}
.right_li .table1 td .fk{display: block; background: #a40000; color: #fff; height: 26px; line-height: 26px; width: 96px; text-align: center; font-size: 14px; margin: 0 auto;}
.right_li .table1 td .ck{height: 26px; line-height: 26px; width: 96px; text-align: center; font-size: 14px; margin: 0 auto; color: #a40000; display: block;}
.right_li .table1 tr:first-child td{padding: 0;}
/*.right_li .table1 tr:nth-child(2) input{float: left; margin-left: 40px;}*/
.right_li .table1 td .imgs{border: 1px solid #e0e0e0; width: 130px; height: 98px; float: left; margin-left: 38px;}
.right_li .table1 td .imgs img{height: 77px; width: 63px; margin-top: 12px;}
.right_li .table1 td .fr{width: 220px; float: left; margin-left: 16px;}
.right_li .table1 td .fr h1{color: #0d0a0c; font-size: 16px; text-align: left; height: 40px; line-height: 40px; overflow: hidden;}
.right_li .table1 td .fr h2{color: #989898; font-size: 14px; text-align: left; height: 48px; line-height: 24px; overflow: hidden;}
.right_li .table1 td button{border: 1px solid #d7d7d7; height: 18px; line-height: 14px; width: 18px; text-align: center; background: none;}
.right_li .table1 td button:first-child{margin-left: 30px;}
.right_li .table1 td button{float: left;}
.right_li .table1 td .text{border:  1px solid #d7d7d7; height: 18px; line-height: 18px; width: 36px; background: none; margin:0 6px !important; text-align: center; float: left;}
.right_li .table1 td .detal{height: 26px; line-height: 26px; width: 96px; text-align: center; font-size: 14px; margin: 0 auto; color: #666;}

/*收货地址管理*/
.choose_add{margin-top: 45px}
.choose_tit{background: url(../images/choose_tit.jpg) repeat-x left center; height: auto; line-height: 14px; margin-left: 20px;}
.choose_tit span{font-size: 16px; color: #525252; font-weight: bold; background: #fff; padding-right: 20px;}
.pg_nav{width:885px; height: auto; padding-top:23px; line-height: 1; overflow: hidden;}
.pg_nav_a{width: 870px; height:150px; float: left; overflow: hidden; color: #525252; margin-left: 20px;}
.pg_nav_a .pg_li{width:415px; height: 150px; color: #525252; position: relative; margin: 0 35px 20px 0; border: 1px solid #d7d7d7; padding: 0 20px;}
.pg_nav_a .pg_li:nth-child(2n){margin-right: 0;}
.pg_nav_a .pg_li a{position: relative; font-size: 16px; height: 150px; display: inline-block; vertical-align: top; transition: all .5s;}
.pg_nav_b{color: #009fa6; float: right; cursor: pointer; overflow: hidden; height: 77px; line-height: 77px; margin-top: 15px;}
.pg_tit{border-bottom: 1px solid #d7d7d7; height: 57px; line-height: 57px; overflow: hidden;}
.pg_tit .fl{font-weight: bold; color: #525252; font-size: 16px;}
.pg_tit .fr a{color: #525252; margin-left: 10px;}
.pg_tit .fr a:first-child{color: #009fa6;}
.pg_add{line-height: 28px; margin-top: 10px; font-size: 16px;}
.pg_nuw{background: url(../images/pg_nuw.png) no-repeat right bottom;}
.new_add{margin: 0 20px;}
.new_add .bg{margin-top: 40px;}
.new_add .bg tr{width: 520px; float: left; font-size: 16px; color: #525252;}
.new_add .bg tr td{text-align: right; padding-bottom: 40px;}
.new_add .bg tr td span{color: #a40000;}
.new_add .bg tr td .text{border: 1px solid #dbdbdb; height: 32px; line-height: 32px; width: 263px; padding-left: 12px; font-size: 14px;}
.new_add .bg tr:last-child{border-top: 1px solid #dfdfdf; width: 100%; padding-top: 46px;}
.new_add .bg tr .sure{height: 40px; line-height: 40px; width: 176px; text-align: center; color: #fff; font-size: 16px; background: #009fa6; border: none; margin: 0 20px 0 270px;}
.new_add .bg tr .qx{height: 40px; line-height: 40px; width: 176px; text-align: center; color: #fff; font-size: 16px; background: #5d5d5d; border: none;}

/*我的订单*/
.com_n1{margin-bottom: 30px;}
.com_n1 li{color:#525252; margin-right: 13px; cursor:pointer; float:left; height: 42px; line-height: 42px; width: 170px; text-align: center; font-size: 16px; background: #f2f2f2;}
.com_n1 .cur_n1{background: #009fa6;color:#fff;}
.dispan1 .table1{overflow:hidden; display:none;}
.right_li .dispan1 .table1 .imgs{width: 79px; height: 59px; float: left; border: 1px solid #d7d7d7; margin-left: 20px;}
.right_li .dispan1 .table1 .imgs img{height: 53px; width: 53px; margin-top: 2px;}
.right_li .dispan1 .table1 .fr{width: 200px; height: 59px; display: flex; align-items: center; justify-content: center;  text-align: justify;}
.right_li .dispan1 .table1 td .fr h1{line-height: 20px; height: auto;}
.right_li .dispan1 .table1 td a.qx{height: 26px; line-height: 26px; margin-top: 6px; display: inline-block;}
.fy{text-align: center; margin: 0 auto; clear: both;}
.fy a{border: 1px solid #d7d7d7; height: 25px; line-height: 25px; width: 25px; text-align: center; color: #000; display: inline-block; margin: 0 5px;}

/*我要邀请*/
.invite{height: 503px; width: 878px; margin: 20px auto 0 auto; background-image: url(../images/invite.jpg); background-position: center top; background-repeat: no-repeat; background-size: 100%;}
.invite .ewm{margin: 0 auto; padding-top: 162px; width: 200px;}
.invite .ewm img{height: 200px; width: 200px; border-radius: 10px; background: #fff; padding: 14px;}
.invite a{background: #fff001; font-size: 18px; color: #a40000; height: 46px; line-height: 46px; width: 200px; text-align: center; display: block; border-radius: 10px; margin: 42px auto 0 auto;}

/*找回密码*/
.right_li .table2 .num{border: 1px solid #d7d7d7; height: 32px; line-height: 32px; width:306px; padding-left: 12px; font-size: 14px; color: #c6c6c6;}
.right_li .table2 .yzm{border: 1px solid #d7d7d7; height: 32px; line-height: 32px; width: 170px; padding-left: 12px; font-size: 14px;}
.right_li .table2 a.hqyzm{background: #009fa6; color: #fff; font-size: 14px; height: 32px; line-height: 32px; width: 121px; text-align: center; display: inline-block; margin-left: 15px;}

/*购物车*/
.right_li .table1 tr:last-child td{border-bottom: none; padding: 20px 0;}
.settle{margin: 10px 26px 20px 26px; border: 1px solid #d7d7d7; height: 80px; line-height: 80px; font-size: 16px; color: #323232; padding-left: 20px;}
.settle .fl input{vertical-align: middle; margin-left: 23px;}
.settle .fl a{margin-left: 26px;}
.settle .fr span,.settle .fr i{color: #a40000; font-size: 24px;}
.settle .fr a{height: 78px; line-height: 78px; width: 160px; text-align: center; font-size: 16px; color: #fff; display: inline-block; margin-left: 50px; background: #a40000; float: right;}
.log .fl,.log .fl img{width: 37px; height: 37px;}
.log .fl img{border-radius: 100%;}
.log .fr{width: 85px; margin-left: 12px; text-transform: uppercase; color: #a40000; font-size: 14px; float: left;}
.boxs{display:inline-block; width:14px; height:14px; position:relative; background:#fff; border: 1px solid #d7d7d7; vertical-align:middle;}
.boxs input{opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; margin: 0 !important;}
.boxs span{display:block; width:14px; height:14px; position:absolute; left:50%; top:50%; background:url(../images/fxk.jpg) no-repeat; margin:-7px 0 0 -7px; z-index:1;}
.boxs input[type="checkbox"] + span{opacity:0;}
.boxs input[type="checkbox"]:checked + span{opacity:1;}

/*我的会员*/
.my_mem{background: url(../images/my_mem.jpg) no-repeat; width: 917px; height: 150px; margin-bottom: 22px;}
.my_mem .ye{height: 42px; line-height: 42px; width: 105px; text-align: center; color: #fff; font-size: 16px; background: #009fa6;}
.my_mem .jg{text-align: center; color: #fff; font-size: 28px; line-height: 1; margin-top: 24px;}
.right_li .table4 tr td{width: auto; text-align: center; border-bottom: 1px solid #dedede; padding: 23px 0; color: #0d0a0c; font-size: 16px;}
.right_li .table4 tr:first-child td{background: #dedede; padding: 0; height: 40px; line-height: 40px; color: #323232;}
.right_li .table4 tr td img{height: 50px; width: 50px; border-radius: 100%; margin-right: 14px;}

/*我的佣金*/
.money{background: url(../images/money.jpg) no-repeat; width: 917px; height: 150px; margin-bottom: 22px;}
.money .ye{height: 42px; line-height: 42px; width: 105px; text-align: center; color: #fff; font-size: 16px; background: #a7cd45;}
.money .jg{text-align: center; color: #fff; font-size: 28px; line-height: 1; margin-top: 24px;}
.right_li .table5 tr td{width: 33.3%; text-align: center; border-bottom: 1px solid #dedede; padding: 23px 0; color: #0d0a0c; font-size: 16px;}
.right_li .table5 tr:first-child td{background: #dedede; padding: 0; height: 40px; line-height: 40px; color: #323232;}
.right_li .table5 tr td img{height: 50px; width: 50px; border-radius: 100%; margin-right: 14px;}
.right_li .dispan1 .table1 .frd{float: left; width: 140px; height: 59px; display: flex; align-items: center; justify-content: center; text-align: justify; margin-left: 16px;}
.right_li .dispan1 .table1 .frd h1{font-size: 16px; color: #0d0a0c; line-height: 20px;}
.right_li .table6 tr td{width: 16.6%; text-align: center; border-bottom: 1px solid #dedede; padding: 23px 0; color: #0d0a0c; font-size: 16px;}
.right_li .table6 tr:first-child td{background: #dedede; padding: 0; height: 40px; line-height: 40px; color: #323232;}

/*产品中心*/
.footer{position: relative; height: 250px; background: #088287;}
.footer:before{display: inline-block; clear: both; content: ""; width: 63%; background: #04696d; height: 250px; position: absolute; left: 0; top: 0; z-index: 1;}
.foot_topnav{width: 810px; height: auto; float: left; padding-top: 30px; z-index: 999; position: relative;}
.foot_navli{width: 202px; height: auto; float: left; line-height: 1; animation-delay: .1s;}
.foot_navli p{margin-bottom: 18px; font-size: 12px;}
.foot_navli p a{color: #fff;}
.foot_navli p:first-child{margin-bottom: 25px;}
.foot_navli p:first-child a{font-size: 16px; color: #fff;}
.foot_navli p a:hover{text-shadow: 1px 1px 0 rgba(0,0,0,.85);}
.foot_navli:nth-child(2n){animation-delay: .2s;}
.foot_navli:nth-child(3n){animation-delay: .3s;}
.foot_navli:nth-child(4n){animation-delay: .4s;}
.footer .fr{width: 370px; text-align: right; margin-top: 30px; color: #fff; line-height: 30px;}
.footer .fr .img img{width: 86px; height: 47px; margin-bottom: 32px;}
.footer .fr i{vertical-align: middle; margin-left: 10px;}

.ny_tit{height: 84px; line-height: 1; border-bottom: 2px solid #f5f5f5; margin-bottom: 30px;}
.ny_tit .fl{width: 220px;}
.ny_tit .fl h1{font-size: 26px; color: #323232; line-height: 1.4;}
.ny_tit .fl h1 span{color: #fff; width: 58px; text-align: center; height: 36px; line-height: 36px; display: inline-block; background: #009fa6;  margin-right: 5px;}
.ny_tit .fl h2{color: #949494; font-size: 16px; text-transform: uppercase; line-height: 1.5;}
.ny_tit .fr{width: 980px; text-align: right; margin-top: 15px;}
.ny_tit .fr ul{float: right;}
.ny_tit .fr ul li{border-left: 1px solid #c7c7c7; padding: 0 28px; float: left; height: 18px; line-height: 18px; font-size: 16px;}
.ny_tit .fr ul li:last-child{border-right: 1px solid #c7c7c7;}
.ny_tit .fr a.dq,.ny_tit .fr a:hover{border-bottom: 2px solid #009fa6; color: #009fa6; height: 60px; line-height: 60px; display: inline-block; margin-top: -24px;}
.product{width: 1200px; margin: 20px auto;}
.product ul li{float: left; width: 369px; margin: 0 46.5px 55px 0;}
.product ul li:nth-child(3n){margin-right: 0;}
.pro_down{border: 1px solid #dfdfdf; border-top: none; height: 98px; width: 369px; padding: 12px 18px;}
.pro_down h1{height: 42px; line-height: 21px; font-size: 16px; color: #666;}
.pro_down div{height: 40px; line-height: 40px; font-size: 16px; color: #f30f0f;}
.pro_down div b{font-size: 18px;}
.pro_down div em{float: right; font-size: 14px; color: #666;}

/*产品中心详情*/
.work_detal{font-size: 16px; border: 1px solid #d6d6d6; padding: 10px 25px 20px 25px; width: 1200px; margin: 0 auto;}
.work_detal .wd_tit{border-bottom: 1px solid #d6d6d6; height: 78px; line-height: 78px;}
.work_detal .wd_tit a{float: right; color: #009fa6;}
.work_top{margin-top: 45px;}
.work_top .fl{width: 520px;}
#play{width:520px; height:390px; background:#009fa6; text-align:center; position:relative; overflow:hidden; margin:0 auto;}
#play .img_ul li img{width: auto; height: auto; overflow: hidden;/* margin-top: 76px; */ max-width: 100%; max-height: 100%;}
#play .img_ul{position:relative; z-index:1;}
.img_hd {width:520px; overflow:hidden; height:78px; margin:0 auto; position:relative;}
.img_hd ul{position:absolute; z-index:1}
.img_hd ul li{float:left; width:104px; height:76px; border:1px solid #e0e0e0; cursor:pointer; overflow:hidden; text-align:center;}
.img_hd ul li:last-child{border-right: 1px solid #e0e0e0;}
.img_hd ul li img{height: 45px; width: 56px; padding-top: 15px;}
.img_hd ul li.on{border: 1px solid #17a5ac;}

.work_top .fr{width: 557px; font-size: 14px;}
.work_top .wf_tit{font-size: 20px; color: #323232; height: 25px; line-height: 25px; overflow: hidden;}
.work_top .wf_tit i{font-size: 14px; font-weight: normal; color: #fff; background: #a40000; border-radius: 100%; float: right; height: 18px; line-height: 18px; width: 18px; text-align: center;}
.work_top .chub{color: #989898; height: 36px; line-height: 36px; overflow: hidden;}
.work_top .xx{color: #666; height: 50px; line-height: 25px; overflow: hidden; margin-top: 10px;}
.work_top .fxs{ color: #a7cd45; height: 62px; line-height: 62px; overflow: hidden;}
.work_top .fr_pay{height: 58px; line-height: 58px; background: #f5f5f5; padding-left: 22px; font-size: 24px; color: #ed1212; margin-bottom: 16px;}
.work_top .fr_pay span{font-size: 14px; color: #666; margin-left: 25px;}
.work_top .fr_pay div{float: right; height: 58px; line-height: 58px; text-align: center; background: #eee; color: #009fa6; font-size: 14px; padding: 0 15px;}
.work_top .fr_fw{background: #f5f5f5; line-height: 30px; padding:5px 22px;}
.work_top .fr_fw span{color: #323232; font-size: 16px; height: 35px; line-height: 35px;}
.work_top .fr_fw div{font-size: 14px; color: #666;}
.work_top .fr_fw div i{font-size: 12px; color: #323232; height: 18px; line-height: 18px; width: 18px; text-align: center; display: inline-block; margin-right: 10px; background: #d6d6d6; border-radius: 100%;}
.work_top .car{margin-top: 30px;}
.into_car{height: 40px; line-height: 40px; width: 168px; background: #a7cd45; text-align: center; font-size: 16px; color: #fff; border: none; border-radius: 10px;}
.lj_bay{height: 40px; line-height: 40px; width: 168px; background: #009fa6; text-align: center; font-size: 16px; color: #fff; border: none; margin-left: 10px; border-radius: 10px;}
.book_gs{border: 1px solid #d6d6d6; padding: 8px 25px 30px 25px; width: 1200px; margin: 30px auto;}
.gs_tit{height: 52px; line-height: 52px; border-bottom: 1px solid #d6d6d6; margin-bottom: 30px;}
.gs_tit span{border-bottom: 3px solid #009fa6; height: 52px; line-height: 52px; display: inline-block; font-size: 16px; color: #009fa6; padding-right: 10px;}

/*联系我们*/
.contact{width: 1200px; margin: 0 auto 50px auto;}
.contact .address .fl{width: 440px;}
.contact .address .fl .img img{width: 120px; height: 66px; overflow: hidden; margin-bottom: 24px;}
.contact .address .fl .ewm{text-align: center; width: 120px; float: left;}
.contact .address .fl .ewm img{width: 120px; height: 120px; background: #b9b9b9; padding: 5px;}
.contact .address .fl .ewm h1{font-size: 14px; color: #555; margin-top: 10px;}
.contact .address .fl p{line-height: 35px; clear: both; font-size: 16px; color: #777; margin-bottom: 40px;}
.contact .address .map{float: right; width: 749px;}

/*新闻资讯*/
.frist_ml{width: 1200px; margin: 0 auto 30px auto;}
.frist_ml ul li{zoom: 1; margin-bottom: 37px;}
.frist_ml ul li a:hover h1{color: #009fa6;}
.frist_ml ul li:after{ display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.frist_ml ul li .img{float: left; width: 252px;}
.frist_ml ul li .img img{width: 252px; height: 180px; overflow: hidden;}
.frist_ml ul li .xx{float: left; width: 730px; margin-left: 52px;}
.frist_ml ul li .xx h1{font-size: 18px; color: #323232; height: 53px; line-height:53px; overflow: hidden; margin-top: 15px;}
.frist_ml ul li .xx h1 a{color: #323232;}
.frist_ml ul li .xx h2{font-size: 14px; color: #666; height: 75px; line-height: 25px; overflow: hidden;}
.frist_ml ul li .xx h2 a{color: #666;}
.frist_ml ul li .more{float: right; width: 130px; color: #666; text-align: right;}
.frist_ml ul li .more .day{font-size: 48px; height: 60px; line-height: 60px; overflow: hidden;}
.frist_ml ul li .more .year{font-size: 14px; height: 31px; line-height: 31px; overflow: hidden;}
.frist_ml ul li .more .look{font-size: 14px; height: auto; line-height: 16px; overflow: hidden;}
.frist_ml ul li .more .look span{background: url(../images/more.jpg) no-repeat center; width: 50px; height: 16px; display: inline-block; vertical-align: middle; margin-left: 16px;}
.page{clear: both; margin: 20px auto; text-align: center;}
.page a{border: 1px solid #c5c5c5;/* border-radius: 5px; */height: 26px; line-height: 26px; padding: 0 10px; color: #666;}
.detal_tit{font-size: 20px; color: #323232; border-bottom: 1px solid #d9d9d9; line-height: 30px; padding: 15px 0; text-align: center;}
.detal_time{line-height: 25px; padding: 6px 0; overflow: hidden; text-align: center; font-size: 14px; color: #909090; margin-bottom: 30px;} 
.detal_time span{margin: 0 35px;}

/*加入我们*/
.jion{width: 1200px; margin: 30px auto;}
.jion table tr td{text-align: center;}
.jion table tr td:first-child{width: 285px; padding-left: 42px; text-align: left;}
.jion table tr td:nth-child(2){width: 172px;}
.jion table tr td:nth-child(3){width: 247px;}
.jion table tr td:nth-child(4){width: 156px;}
.jion table tr td:nth-child(5){width: 223px;}
.jion table tr td:nth-child(6){width: 117px;}
.pg_list table{font-size: 16px; color: #fff; background: #3f3f3f; height: 55px; line-height: 55px; margin-bottom: 10px;}

.pg_zpul{height: auto; overflow: hidden; margin-bottom: 12px; border: 1px solid #e5e5e5; background: #efefef;}
.pg_zplih2nuw{background: #009fa6; color: #fff;}
.pg_zplih2{height: 50px; line-height: 50px; font-size:16px;}
.pg_zplitxt{line-height: 32px; padding: 10px 0; display: none; font-size: 12px; color: #000; background: #f9f9f9; padding: 25px;}
.jion table tr td div{background: url(../images/xs.png) no-repeat center; width: 14px; height: 15px; margin: 0 auto; transition: all .4s ease 0s;}
.pg_zplih2nuw table tr td div{background: url(../images/xx.png) no-repeat center; width: 14px; height: 4px; margin: 0 auto; transition: all .4s ease 0s;}

/*首页*/
/* banner */
.in_banner{width:100%; height:641px; text-transform: uppercase; margin:157px auto 0 auto; overflow: hidden; position: relative;}
.in_banner .swiper-slide{position: relative;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.in_banner .swiper-slide a img{width: 100%; height: 641px;}
.in_banner_l,.in_banner_r{width:68px; height: 68px; line-height: 68px; text-align: center; background:rgba(255,255,255,.2); color: #fff; ; position: relative; position: absolute; top: 50%; left: -68px; margin-top: -34px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; border-radius: 100%;}
.in_banner_l i,.in_banner_r i{font-size:36px}
.in_banner_l:hover i,.in_banner_r:hover i,.in_banner_l:hover:after,.in_banner_r:hover:after{color: #a7cd45;}
.in_banner_r{left:inherit; right: -68px;}
.in_banner:hover .in_banner_l{left:calc(100vw * .075);}
.in_banner:hover .in_banner_r{right:calc(100vw * .075);}
.in_banner .in_banner_a{width: 100%; height:10px; line-height: 1; vertical-align: top; position: absolute; bottom: 18px; left: 0; z-index: 2; text-align: center;}
.in_banner .in_banner_a .swiper-pagination-bullet{width: 10px; height: 10px; background: none; border-radius: 100%; opacity: 1; margin: 0 10px; position: relative; transition: all .4s ease .2s;}
.in_banner .in_banner_a .swiper-pagination-bullet:before{content:''; width: 10px; height: 10px; background: #d5f5fd; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -4px 0 0 -4px; transition: all .4s ease 0s;}
.in_banner .in_banner_a .swiper-pagination-bullet-active{transition: all .4s ease .2s; border-color: #009fa6;}
.in_banner .in_banner_a .swiper-pagination-bullet-active:before{background: #009fa6;}
.about{background: #eee; height: 670px; position: relative; padding-top: 100px;}
.about:before{display: inline-block; clear: both; content: ""; width: 100%; background: #f8f8f8; height: 380px; position: absolute; left: 0; bottom: 0; z-index: 1;}
.about .fl{width: 360px; position: relative; z-index: 99;}
.about .fl .img{width: 360px; height: 480px;}
.fl_down{height: 90px; background: #222;}
.fl_down .zb{float: left; width: 270px; height: 90px; font-size: 26px; text-transform: uppercase; padding: 25px 0 0 20px; color: #fff;}
.fl_down .zb span{font-size: 16px; display: block; margin-top: 7px;}
.fl_down .yb{float: right; width: 90px; height: 90px;text-align: center; background: #009fa6; padding-top: 29px;}
.fl_down .yb i{color: #cceced; border: 1px solid #cceced; height: 32px; line-height: 32px; width: 32px; border-radius: 100%; display: inline-block;}
.about .fr{width: 825px; position: relative; z-index: 99;}
.about .fr .fr_tit{padding-left: 70px;}
.about .fr .fr_tit .zb{font-size: 38px; text-transform: uppercase; float: left; line-height: 33px;}
.about .fr .fr_tit .zb div{font-weight: bold; color: #666; font-size: 20px; line-height: 38px;}
.about .fr .fr_tit .zb div span{color: #a7cd45;}
.about .fr .fr_tit .yb{float: right; height: 36px; line-height: 36px; width: 36px; background: #fff; text-align: center; border-radius: 100%; margin-top: 16px;}
.about .fr .fr_tit .yb a i{font-size: 12px; color: #cfcfcf;}
.about .fr p{color: #777; height: 60px; line-height: 30px; overflow: hidden; margin-top: 28px;padding-left: 70px;}
.about .fr .index_ptj{color: #777; height: 60px; line-height: 30px; overflow: hidden; margin-top: 28px;padding-left: 70px; overflow: hidden;}
.about .fr .fr_down{margin-top: 88px;}
.about .fr .fr_down ul li{float: left; width: 275px; height: 250px; text-align: center; border-right: 1px solid #e6e6e6; overflow: hidden;}
.about .fr .fr_down ul li:last-child{border: none;}
.about .fr .fr_down ul li img{width: 142px; height: 122px;}
.about .fr .fr_down ul li h1{height: 65px; line-height: 65px; font-weight: bold; color: #009fa6; font-size: 16px;}
.about .fr .fr_down ul li div{height: 48px; line-height: 24px; color: #777; font-size: 14px;}

.tailorism{width: 1200px; margin: 86px auto 0 auto;}
.tailorism_tit{margin-bottom: 44px;}
.tailorism_tit .tit_fl{float: left; font-size: 38px; color: #525252; height: 70px; line-height: 35px; overflow: hidden;}
.tailorism_tit .tit_fl div{font-size: 20px; color: #666; font-weight: bold;}
.tailorism_tit .tit_fl div span{color: #009fa6;}
.com_n2{margin:18px 0; float: right;}
.com_n2 li{color:#525252; cursor:pointer; height: 35px; line-height: 35px; width: 90px; text-align: center; font-size: 16px; background: #f2f2f2; margin-left: 10px; display: inline-block; overflow: hidden;}
.com_n2 .cur_n2{color:#fff; background: #009fa6;}
.dispan2 .list2{overflow:hidden; display:none; position: relative;}
.dispan2 .list2 .fl{width: 680px;}
.dispan2 .list2 .fl img{width: 680px; height: 400px;}
.dispan2 .list2 .fr{position: absolute; right: 2px; top: 30px; width: 560px; height: 340px; box-shadow: 0px 0px 3px #efefef; background: #fff; border-radius: 10px; padding: 70px 20px 20px 30px;}
.dispan2 .list2 .fr .tit{font-size: 22px; font-weight: bold; color: #555; height: 32px; line-height: 32px; overflow: hidden;}
.dispan2 .list2 .fr .tit span{font-weight: normal; font-size: 18px; color: #777;}
.dispan2 .list2 .fr table{margin: 15px 0 20px 0;}
.dispan2 .list2 .fr table tr td{line-height: 32px;}
.dispan2 .list2 .fr table tr td:first-child{width: 80px; text-align: right; float: left;}
.dispan2 .list2 .fr table tr td:last-child{width: 420px; color: #777;}
.dispan2 .list2 .fr a{height: 40px; line-height: 40px; width: 134px; color: #fff; font-size: 16px; border-radius: 10px; background: #a7cd45; display: inline-block; text-align: center; margin-left: 15px;}
.dispan2 .list2 .fr a:last-child{background: #009fa6;}
.news{width: 1200px; margin: 86px auto;}
.tit_fr{float: right; height: 36px; line-height: 36px; width: 36px; background: #f6f6f6; text-align: center; border-radius: 100%; margin-top: 16px;}
.tit_fr a i{font-size: 12px; color: #cfcfcf;}
.new_fl{float: left; width: 560px;}
.new_fl .img{position: relative;}
.new_fl .img img{width: 560px; height: 315px;}
.new_fl .img div{position: absolute; left: 0; bottom: 20px; font-size: 20px; color: #000; font-weight: lighter; background: #fdf3ef; height: 36px; line-height: 36px; width: 130px; text-align: center;}
.new_fl h1{height: 38px; line-height: 38px; font-size: 20px; overflow: hidden; margin-top: 20px; font-weight: lighter;} 
.new_fl p{height: 52px; line-height: 26px; font-size: 14px; color: #777; overflow: hidden; font-weight: lighter;} 
.new_fr{float: right; width: 560px;}
.new_fr ul li{border-bottom: 1px solid #ededed; padding-bottom: 17px; margin-bottom: 29px;}
.new_fr ul li div{height: 15px; line-height: 15px; font-size: 12px; color: #555; overflow: hidden; font-weight: lighter;}
.new_fr ul li h1{height: 45px; line-height: 45px; font-size: 16px; color: #555; overflow: hidden; font-weight: lighter;}
.new_fr ul li p{height: 44px; line-height: 22px; font-size: 14px; color: #777; overflow: hidden; font-weight: lighter;}

/*关于我们*/
.daohang{position: fixed; left: 60px; top: 120px; width: 50px; background: #fff; z-index: 999;}
.daohang .dh_tit{text-align: center; font-size: 16px; color: #323232; font-weight: bold; line-height: 1.3; padding: 15px 0; border: 1px solid #dedede;}
.daohang .dh_tit i{display: block; text-align: center; font-weight: normal; font-size: 12px;}
.daohang ul li{width: 50px; height: 122px; padding: 0 14px; font-size: 16px; line-height: 1; border: 1px solid #cbcbcb; border-top: none; padding-top: 10px; transition: all .3s ease 0s;}
.daohang ul li:last-child{border-bottom: 1px solid #cbcbcb;}
.daohang ul li span{height: 6px; width: 6px; border-radius: 100%; border: 1px solid #cbcbcb; display: block; margin: 0 auto;}
.daohang ul li a{color: #323232;}
.daohang ul li i{background: #cbcbcb; width: 1px; height: 14px; display: block; margin:4px 10px 10px 10px;}
.daohang ul li:hover{background: #009fa6; border: 1px solid #009fa6; transition: all .3s ease 0s;}
.daohang ul li:hover a{color: #fff;}
.daohang ul li:hover a i{background: #fff;}
.daohang ul li:hover span{border: 1px solid #fff;}

.company{width: 1200px; margin: 0 auto 50px auto; padding: 0 20px;}
.com_tit{margin: 30px auto 0; width: 100%; text-align: center;}
.com_tit span{background: #323232; height: 34px; line-height: 34px; width: 34px; text-align: center; border-radius: 100%; font-size: 24px; color: #fff; display: inline-block; margin: 0 3px;}
.com_tit h1{color: #787878; font-size: 14px; font-weight: lighter; text-transform: uppercase; height: 35px; line-height: 35px; overflow: hidden;}
.com_xx{line-height: 36px; text-align: center; margin-top: 17px;}
.com_xx span{text-align: center; margin: 10px auto; height: 20px; line-height: 20px; background: #a7cd45; width:120px; color: #fff; display: inline-block;}
.company .sp{margin: 0 auto; text-align: center; width: 783px; height: 439px; overflow: hidden;}
.company .sp img{width: 783px; height: 439px; overflow: hidden;}

.culture{padding-bottom: 86px; width: 1200px; margin: 0 auto;}
.culture .com_tit .zw{background: url(../images/advantage.png) no-repeat; height: 42px; line-height: 42px; width: 156px; text-align: center; color: #fff; font-size: 24px; margin: 0 auto;}
.culture .com_tit h1{height: 50px; line-height: 50px; margin-bottom: 30px;}
.culture_li ul li{float: left; width: 350px; border: 1px solid #e6e6e6; text-align: center; padding: 40px 0; margin-right: 73px;}
.culture_li ul li:nth-child(3n){margin-right: 0;}
.culture_li ul li h1{font-size: 36px; color: #323232; font-weight: lighter; line-height: 1; margin-bottom: 24px;}
.culture_li ul li h2{font-size: 14px; color: #787878; padding: 0 30px; height: 60px; line-height: 30px; overflow: hidden;}
.culture_li ul li:hover{border: 1px solid #009fa6;}
.culture_li ul li:hover h1,.culture_li ul li:hover h2{color: #009fa6;}

.honor{background: #f8f8f8; padding: 50px 0;}
.honorul_a{width: 1200px; margin: 50px auto;}
.honorul{margin: 0 auto; position: relative; overflow: hidden; width: 1100px; margin: 0 auto;}
.honorli{width:241px; margin-right: 43px; overflow: hidden; position: relative; animation-delay: .1s; background:none; text-align: center; height:334px;}
.honorli:last-child{margin-right: 0;}
.honorli h1{padding: 10px 0; color: #f8f8f8;}
.honorli img{width: 241px; height: 334px; overflow: hidden;}
/*.honorli .sm{text-align: center; margin-top: 0.7vw;}
.honorli .sm h1{font-size: 16px; color: #323232; height: 2vw; line-height: 2vw; overflow: hidden;}
.honorli .sm h2{font-size: 14px; color: #9c9c9c; height: 2.4vw; line-height: 1.2vw; overflow: hidden;}*/
.honorul_l,.honorul_r{width:30px; height: 30px; line-height:30px; text-align: center;color: #fff; position: relative; position: absolute; top:45%; right:0px; margin-top: 0px; z-index: 5; cursor: pointer; transition: all .5s ease 0s; font-size:20px; overflow: hidden; background: #009fa6;}
.honorul_l{left:0px;}
.honorul_l:hover,.honorul_r:hover,.honorul_l:hover:after,.honorul_r:hover:after{color: #fff;}
.honorul_r{left:inherit; right:0px;}

.advantage{width: 1200px; margin: 70px auto;}
.advantage .com_tit .zw{background: url(../images/advantage.png) no-repeat; height: 42px; line-height: 42px; width: 156px; text-align: center; color: #fff; font-size: 24px; margin: 0 auto;}
.advantage .com_tit h1{height: 50px; line-height: 50px; margin-bottom: 30px;}

.body-box{width:1200px; margin:0 auto; position: relative;}
.timer-shaft-box{width:100%; box-sizing: border-box;}
.timer-shaft{width:1165px; height:70px; overflow: hidden; margin: 0 auto; background: url(../images/timer-shaft.jpg) repeat-x left top;}
.timer-left{position:absolute; top:15px; left:-10px; z-index:99; width:24px; height:24px; margin-top:0; cursor:pointer;}
.timer-right{position:absolute; top:15px; right:0px; z-index:99; width:24px; height:24px; margin-top:0;cursor:pointer;}
.timer-left i,.timer-right i{font-size: 45px;}
.timer-scale{position:absolute; top:0; left:160px; height:70px; font-size: 0; white-space: nowrap; width: 900px;}
.timer-scale-cont{display:inline-block; height:100%; line-height:70px; width: 225px; text-align: center;}
.time-circle{display:inline-block; vertical-align:middle; width:225px; height:70px; line-height: 70px; text-align: center; font-size:18px; color:#009fa6; transition: all .3s;cursor:pointer; background: url(../images/dd2.jpg) no-repeat center -3px; padding-top: 20px;}
.time-circle span{opacity: 0;}
.hov .time-circle span{opacity: 1;}
.hov .time-circle{background: url(../images/dd1.jpg) no-repeat center top;}
.timer-scale-cont.hov{width:225px;height:70px;line-height: 70px;font-size:14px;}
.timer-shaft-content{width:100%; margin-top:50px; overflow: hidden; font-size:0; box-sizing:border-box;}
.shaft-detail-cont{display: none;width:100%;}
.shaft-detail-cont .fl{width: 480px;}
.shaft-detail-cont .fl img{width: 480px; height: 360px;}
.shaft-detail-cont .fr{width: 700px; font-size: 14px; color: #777; line-height: 30px; display: flex; align-items: center; justify-content: center;  text-align: justify; height: 360px;}

/*门店选择*/
.choosed{height: 54px; line-height: 54px; border-bottom: 1px solid #e1e1e1; margin: 5px 0 16px 0;}
.choosed .fl{font-size: 24px; color: #999;}
.choosed .fl i{font-size: 24px; margin-right: 10px;}
.choosed .fr{margin-top: 10px;}
.choosed .fr .text{background: url(../images/big.jpg) no-repeat 10px center; height: 36px; line-height: 36px; width: 264px; border: 1px solid #e4e4e4; border-right:none; padding-left: 37px; background-color: #fff; float: left; color: #b2b2b2;}
.choosed .fr .button{height: 35.5px; line-height: 35.5px; width: 70px; background: #009fa6; text-align: center; font-size: 16px; color: #fff; border: none; float: right;}
.gdt{overflow-y: scroll;width: 830px; height: 396px;}
.gdt::-webkit-scrollbar{width:4px;}  
.gdt ul li{float: left; width: 400px; height: 155px; border: 1px solid #ededed; background: #fff; padding: 10px 14px; margin: 0 25px 43px 0;}
.gdt ul li:nth-child(2n){margin-right: 0;}
.gdt ul li div{height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; color: #666; font-weight: bold;}
.gdt ul li p{height: 34px; line-height: 34px; overflow: hidden; font-size: 14px; color: #666;}
.gdt ul li p i{color: #c4c4c4; margin-right: 6px;}