@charset "utf-8";
@media screen and (min-width:0px) and (max-width:1023px)  {
* {-webkit-tap-highlight-color:transparent;}
html,body{max-width:750px; margin:0 auto;}
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
.icon{font-family:iconfont;}
span{display:block;}
.wrap{max-width:750px; margin:0 auto;}
input{-webkit-user-select:text !important; display:block; cursor:pointer;}
button{display:block; cursor:pointer;}
img{display:block;}
a{cursor:pointer;}
em,i,p,span{line-height:100%;}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}


/* --- top --- */
.page-top{background: #ECECEC; height: 3rem; text-align: center; line-height: 3rem; }
.page-top .swiper-slide{cursor: pointer; color: #999;}


/* --- header --- */
.page-header{ height:5rem; position:relative; padding: 0 1.5rem; padding-right: .5rem;}
.page-header .inner-box{display: flex; align-items: center; height: 100%;}

/* roll */
.page-header.roll{position:fixed; left:0; top:0; width:100%; z-index:300; background:#fff;}


/* --- logo --- */
.page-logo{}
.page-logo img{width: 7rem;}



/* --- path --- */
.page-path{ padding: 0 1.5rem; height: 3.5rem; line-height: 3.5rem;}
.page-path .home{color: #999;}



/* --- hamburg --- */
.page-hamburg{width:3rem; height:5rem; background:url(../images/nav.svg) no-repeat center center; background-size:2rem; cursor:pointer; margin-left: auto;}
.page-hamburg.close{background:url(../images/close.svg) no-repeat center center; background-size:2rem;}



/* --- search --- */
.page-search{width: 62%; background: #F8F8F8; height: 3rem; position: relative; margin-left: 1.5rem;}

/* show */
.page-search .show{height: 100%; display: flex; align-items: center;}
.page-search .show input{width: 80%; height: 100%; background: none; border: none; padding-left: 16px;}
.page-search .show button{width: 20%; height: 100%; background: none; border: none; cursor: pointer;}
.page-search .show .iconfont{font-size: 22px; color: #999;}

/* hide */
.page-search .hide{position: absolute; left: 0; top: 3.5rem; width: 100%; background: #fff; padding: 1rem 1.5rem; z-index: 300; box-shadow: 0 3px 8px #ccc; display: none;} 
.page-search .hide h3{font-size: 1rem; margin-bottom: .5rem; color: #999; font-weight: bolder;}
.page-search .hide ul li{line-height: 3rem; border-bottom: 1px solid #efefef; font-size: 1rem;}
.page-search .hide ul li a{display: block; color: #494949;}
.page-search .hide ul li a:hover{background: #F8F8F8;}



/* --- nav --- */
.page-nav{margin-top: 0rem; display: none; position: absolute; left: 0; top: 5rem; width: 100%; z-index: 200; background: #fff; border-top: 1px solid #efefef;}
.page-nav li{position: relative; border-bottom: 1px solid #efefef; position: relative;}

/* show */
.page-nav li .show{font-size: 1rem; height: 3.5rem; line-height: 3.5rem; transition: all .3s; padding-left: 1.5rem;text-transform: uppercase;}

/* now */
.page-nav li.now .show{font-size: 1rem; }
.page-nav li.now .show a{ font-weight: bolder;}

/* arrow */
.page-nav li .arrow{background: url(../images/arrow-right.svg) no-repeat center center; width: 3.5rem; height: 3.5rem; background-size: 1.4rem; z-index: 300; transition: all .3s; opacity: .3; position: absolute; right: 0; top: 0; height: 3.8rem;}

/* hide */
.page-nav li .hide{width: 100%; opacity: 1;  z-index:0; display: none; height: 15rem; overflow-y: auto; }
.page-nav li .hide .box{ position: relative; background: #fff; }

/* subType */
.page-nav li .hide .subType{}
.page-nav li .hide .subType dl{}
.page-nav li .hide .subType dl dt{display: none;}
.page-nav li .hide .subType dl dd em{display: block; line-height:3rem; padding-left: 3rem; font-size: 1rem; }
.page-nav li .hide::-webkit-scrollbar { width: 5px;height: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.page-nav li .hide::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5);background-clip: padding-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;min-height: 28px;}
.page-nav li .hide::-webkit-scrollbar-thumb:hover {background-color: rgba(0, 0, 0, 0.5);-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}

/* photo */
.page-nav li .hide .photo{ display: none;}

/* hover */
.page-nav li:hover .show a{ font-weight: bolder;}
.page-nav li:hover .hide{ opacity: 1; display:block;}
.page-nav li:hover .arrow{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg)}

/* other */
.page-nav ul.wap .hide{height: auto;}
.page-nav ul.wap a{display: block; height: 3.5rem; line-height: 3.5rem; border-bottom: 1px solid #efefef; padding-left:3rem; font-size: 1rem;}






/* --- input --- */
.page-input{position: relative;}

/* input */
.page-input input{width: 100%; height: 4rem; border: none; border-bottom: 2px solid #efefef; transition: all .3s; position: relative; z-index: 30; background: none;}
.page-input input:focus{ border-bottom: 2px solid #494949;}

/* label */
.page-input label{position: absolute; left: 0; top: 0; height: 100%; display: flex; align-items: center; transition: all .3s; z-index: 0;}
.page-input label.top{height: 20px;  top: -10px;}



/* --- recommended --- */

/* column */
.page-recommended .column h2{font-size: 2.5rem; font-weight: lighter; padding: 1.5rem; text-align: center;}

/* content */
.page-recommended .content{display: flex; }

/* swiper */
.page-recommended .content .swiper-container{width: 80%;}
.page-recommended .content .box .pic{margin-bottom: 1rem;}
.page-recommended .content .box .name{margin-bottom: .5rem; line-height: 125%; font-size: 1rem;}
.page-recommended .content .box .price{font-size: 1rem;}

/* swiper - color */
.page-recommended .content .box .color{margin-top: 1rem; display: flex; align-items: center;}
.page-recommended .content .box .color span{margin-right: 5px;}

/* arrow */
.page-recommended .content .arrow{width: 10%; cursor: pointer; margin-top: 20%; text-align: center;}
.page-recommended .content .arrow .iconfont{font-size: 1.8rem; font-weight: bolder;}



/* --- 分页 --- */
.page-showpage{text-align:center; padding: 1.5rem;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:.3rem 1rem; border-radius:4px; margin-left:5px; margin-right:5px; background: #fff; margin-bottom: 1rem; font-size: 1.2rem; font-weight: bolder;}
.page-showpage a.now{ background:#333; color:#fff; border:1px solid #333; }



/* --- color --- */
.page-color {width: 20px; height:20px; border: 1px solid #ddd; padding: 1px; border-radius: 100%; margin-right: .5rem;}
.page-color:hover{border: 1px solid #333; }
.page-color.active{border: 1px solid #333; }
.page-color em{display: block; width: 16px; height: 16px; border-radius: 100%;}

.page-color .blue{background: #6B93AD;}
.page-color .green{background: #AAAD00;}
.page-color .gray{background: #656468;}
.page-color .multicolour{ background: url(../images/multicolour.png) no-repeat; background-size: cover;}
.page-color .opal{ background: url(../images/opal.png) no-repeat; background-size: cover;}
.page-color .red{ background: #B50018}
.page-color .white{ background: #fff}



/* --- ensure --- */
.page-ensure {border-top: 1px solid #efefef;}
.page-ensure .item{text-align: center; padding: 1.5rem; border-bottom: 1px solid #efefef;}
.page-ensure .item h3{font-size: 1.4rem; margin-bottom: 1rem;}
.page-ensure .item .text{color: #999; font-size: 1rem;}



/* --- footer --- */
.page-footer{ border-top: 1px solid #efefef; margin-top: 2rem;}
.page-footer .wrap{}

/* sitemap */
.page-footer .sitemap{padding: 1.5rem; border-bottom: 1px solid #efefef; padding-bottom: 0;}
.page-footer .sitemap dl{ margin-bottom: 1.5rem;}
.page-footer .sitemap dt{margin-bottom: .5rem;}
.page-footer .sitemap dd{display: flex; flex-wrap: wrap;}
.page-footer .sitemap dd em{display: block; line-height: 225%; font-size: 1rem; width: 33.333%;}
 
/* contact */
.page-footer .contact{ padding: 1.5rem;}
.page-footer .contact .text{margin-bottom: 1rem; color: #999; font-size: 1rem;}
.page-footer .contact .input{display: flex; align-items: center; margin-bottom: 1rem;}
.page-footer .contact .input input{width: 88%; background: #F8F8F8; border: none; height: 4rem; padding-left: 1.5rem;}
.page-footer .contact .input button{width: 12%; height: 4rem; border: none; background:#494948; color: #fff; cursor: pointer; font-size: 1.2rem;}
 
/* follow */
.page-footer .follow {text-align: center; margin-top: 2rem;}
.page-footer .follow .iconfont{font-size: 2.5rem; margin-left: .5rem; margin-right: .5rem;} 



/* --- copyright --- */
.page-copyright{ background: #ececec; font-size: 1rem;  color: #999; padding: 1rem; text-align: center;}
.page-copyright em{margin-right: .35rem;}



/* --- related --- */
.page-related{background: #f9f9f9; padding: 1.5rem; margin-top: 1.5rem;}
.page-related .title{font-weight: bolder; margin-bottom: 1rem; font-size: 1rem;}
.page-related li{margin-bottom: 1rem;}
.page-related li a{border-bottom: 1px solid #ccc;}



/* --- list --- */
.page-list {margin-top: 1.5rem;}
.page-list .item{border-bottom: 1px solid #efefef; padding: 0 1.5rem; margin-bottom: 1.5rem;}
.page-list .item .title{font-size: 2.2rem; font-weight: 200; margin-bottom: .5rem;}
.page-list .item .text strong{display: block; margin-bottom: .5rem;}
.page-list .item .text p{line-height: 180%; margin-bottom: 1rem; font-size: 1rem; color: #666;}
.page-list .item ul{margin-left: 15px; margin-bottom: 30px;}
.page-list .item ul li{list-style-type: disc; line-height: 220%;}









/* ------ Home ------ */

/* --- banner --- */
.home-banner {height: 45rem;}
.home-banner .swiper-container{height: 100%;}
.home-banner .swiper-wrapper{height: 100%;}
.home-banner .swiper-slide{height: 100%;}
.home-banner .swiper-slide .box{height: 100%; padding: 0 5%}
.home-banner .swiper-slide .box .title{font-size: 3.5rem; font-weight: lighter; margin-bottom: 1rem; margin-top: 15%;}
.home-banner .swiper-slide .box a{display: block; width: 100%; }
.home-banner .swiper-slide .box a:hover{color: #333;}
.home-banner .swiper-pagination-bullet-active{background: #333;}



/* --- service --- */
.home-service{ border-top: .8rem solid #efefef; margin-top: 2.5rem;}
.home-service .item{margin-bottom: 32px;}

/* content */
.home-service .item .content{ padding: 1.5rem;}
.home-service .item .content h2{font-size:2.2rem; font-weight: lighter; margin-bottom: 1rem;}
.home-service .item .content .text{font-size: 1rem; margin-bottom: .8rem; color: #999; line-height: 125%;}
.home-service .item .content .more a::after{content: "\e65f"; font-family: iconfont; margin-left: 1rem;}

/* pic */
.home-service .item .pic{}









/* ------ inner ------ */
.inner-header.roll{position:relative;}



/* --- category --- */
.inner-category{}

/* photo */
.inner-category .photo{}
.inner-category .photo img{width: 100%;}

/* content */
.inner-category .content{padding:1.5rem; padding-bottom: 0;}
.inner-category .content h2{font-size: 2.5rem; font-weight: lighter;}
.inner-category .content .text{ display: none;}



/* --- column --- */
.inner-column{ padding: 1.5rem;}
.inner-column h2{font-size: 3rem; font-weight: lighter; margin-bottom: 1rem;}
.inner-column .text{font-size: 1rem; color: #666; line-height: 180%;}


/* --- about --- */

/* banner */
.about-banner{height: 30rem; display: flex; justify-content: flex-end; align-items: center;}
.about-banner .content{ font-size: 2.2rem; font-weight:200; line-height: 125%; padding: 0 8%;}
.about-banner .content p{text-align: right; font-size: 1.2rem; font-weight: 400; margin-top: 2.5rem;} 

/* inner-about */
.inner-about {border-bottom: 1px solid #efefef; padding: 1.5rem;}
.inner-about .item{ padding-bottom: 0; }
.inner-about .item .pic{}
.inner-about .item .content{padding:1.5rem 0;}
.inner-about .item .content .title{font-size: 2.2rem; font-weight: 200; margin-bottom: 1rem; line-height: 125%;}
.inner-about .item .content .dep p{margin-bottom: 1rem; line-height: 180%; font-size: 1rem; color: #666;}



/* --- side --- */
.inner-side{padding:1.5rem;}



/* --- right --- */
.inner-right{padding:1.5rem; padding-top: 0;}



/* --- type --- */
.inner-type{border-bottom: 1px solid #efefef;  }

/* column */
.inner-type .column{cursor: pointer; display: flex; align-items: center; height: 3.5rem; line-height: 3.5rem;}
.inner-type .column h3{font-size: 1rem;}
.inner-type .column .icon{margin-left: auto; transition: all .3s;}
.inner-type .column .icon.close{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);-o-transform: rotate(180deg)}

/* column */
.inner-type .list{display: none;}
.inner-type .list li{display: flex; align-items: center; margin-bottom: 16px; cursor: pointer; color: #666;}
.inner-type .list li .icon{margin-right: 8px; font-size: 18px;}
.inner-type .list li .icon::before{content: "\e608"; font-family: iconfont; color: #ccc;}
.inner-type .list li.active .icon::before{content: "\e609"; font-family: iconfont; color: #333;}



/* --- sort --- */
.inner-sort{ position: relative; margin-bottom: 20px; cursor: pointer; }

/* show */
.inner-sort .show{display: flex; align-items: center;}
.inner-sort .show em{margin-left: auto;}

/* hide */
.inner-sort .hide{ background: #fff; display: none; z-index: 200; margin-top: .5rem;}
.inner-sort .hide li{margin-bottom:.5rem}
.inner-sort .hide li:hover{}



/* --- product --- */
.inner-product{ overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between;}
.inner-product .item{width: 47%; padding-bottom: 32px;}

/* pic */
.inner-product .item .pic{position: relative; margin-bottom: .5rem;}
.inner-product .item .pic .tag{position: absolute; left: 0; top: 0; background: #ECECEC; height: 2rem; line-height: 2rem; padding: 0 .5rem; color: #999;}

/* name */
.inner-product .item .name{height: 2rem; overflow: hidden; line-height: 2rem; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .25rem;}

/* price */
.inner-product .item .price{margin-bottom: .8rem;}

/* color */
.inner-product .item .color{display: flex; align-items: center;}




/* --- contact --- */
.inner-contact{border-bottom: 1px solid #efefef;}

/* column */
.inner-contact .inner-column{ padding:0 1.5rem; font-size: 1.2rem; margin-bottom: 2rem;}

/* box */
.inner-contact .box{ padding: 1.5rem;}
.inner-contact .box .item{ margin-bottom: 3rem;}

/* column */
.inner-contact .column h3{font-size: 2.2rem; margin-bottom: 1rem; font-weight: lighter; }

/* content */
.inner-contact .content p{line-height: 150%; padding-right: 1.5rem; font-size: 1rem;}
.inner-contact .content ul {margin-left: 15px; margin-bottom: 1.5rem;}
.inner-contact .content ul li{list-style-type: disc; line-height: 220%;}
.inner-contact .content a{border-bottom: 1px solid #ccc;}




/* --- delivery --- */
.inner-delivery  {}

/* tab */
.inner-delivery .tab {border-bottom: 1px solid #efefef; }
.inner-delivery .tab ul{  display: flex; flex-wrap: wrap;}
.inner-delivery .tab ul li{height: 3.5rem; cursor: pointer; color: #bbb; position: relative; width: 50%; text-align: center; line-height: 3.5rem;}
.inner-delivery .tab ul li.on{color: #fff; background: #333;}

/* box */
.inner-delivery .bd .box {}

/* table */
.inner-delivery .bd .table{ }
.inner-delivery .bd .table table{width: 100%; background: #f9f9f9; text-align: center;}
.inner-delivery .bd .table table th{padding: 1rem 0; border-bottom: 1px solid #efefef; font-weight: bolder;}
.inner-delivery .bd .table table td{padding: 1rem; color: #666; border-bottom: 1px solid #efefef;}
.inner-delivery .bd .table table td p{line-height: 150%;}

/* other */
.inner-delivery .bd .other{ position: relative;}
.inner-delivery .bd .other .page-related{position:sticky;}

/* left */
.inner-delivery .bd .left{ }
.inner-delivery .bd .left .page-list .item:first-child{padding-top: 0;}

/* info */
.inner-delivery .bd .other-info{ background: #f9f9f9; padding: 0 1.5rem;} 
.inner-delivery .bd .other-info .item{ border-bottom: 1px solid #efefef; padding: 2rem 0; display: flex;}
.inner-delivery .bd .other-info .item .icon{ width: 15%;}
.inner-delivery .bd .other-info .item .icon svg{width: 2rem;}
.inner-delivery .bd .other-info .item .title{ font-size: 1rem; width: 25%; color: #999;}
.inner-delivery .bd .other-info .item .text p{line-height: 200%; font-size: 1rem; }




/* --- faq --- */
.inner-faq{}
.inner-faq  .wrap {padding: 0 5%;}

/* search */
.faq-search{ border-radius: 1rem; padding: 1rem;  background: #f9f9f9;}
.faq-search .select .special-flexselect{width: 100%; height: 3.5rem; line-height: 3.5rem; border: 1px solid #ddd; padding-left: 1.5rem; font-size: 1rem;}


/* list  */
.faq-list{padding: 1.5rem 0;}

/* list - column */
.faq-list .box .column{cursor: pointer; font-size: 1.6rem; font-weight: bold; border-bottom: 1px solid #E0E0E0; height: 4.5rem; line-height: 4.5rem; position: relative; color: #41B2EC;}
.faq-list .box .column::after{content: "\e6a6"; font-family: iconfont; position: absolute; right: 0; top: 0; line-height: 4.5rem; color: #41B2EC; font-weight: bolder; transition: all .3s;}

/* list - list */
.faq-list .box .list{display: none;}
.faq-list .box .list .item{border-bottom: 1px solid #E0E0E0; padding: 1rem 0;}
.faq-list .box .list .item h3{ font-size: 1.2rem; cursor: pointer; position: relative; line-height: 165%;}
.faq-list .box .list .item h3::before{content: "\e65f"; font-family: iconfont; margin-right: .5rem; color: #333; font-weight: bolder; font-size: 1rem;}
.faq-list .box .list .item .content{margin-bottom: 1.5rem; display: none; padding-top: 1rem;}
.faq-list .box .list .item .content p{ line-height: 180%; margin-bottom: 1rem; color: #666;}

/* color */
.faq-list .box .list .item h3.color{ color: #41B2EC; font-weight: bolder;}
.faq-list .box .list .item h3.color::before{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg)}

/* open */
.faq-list .box .column.open::after{transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg)}
.faq-list .box .list.open{display: block;}
.faq-list .box .list .item .content.open{display: block;}




/* --- details --- */
.details-info{}

/* photo */
.details-photo{}
.details-photo .big{margin-bottom:.8rem; position: relative;}

/* arrow */
.details-photo .big .arrow{position: absolute; top: 45%; z-index: 200; background: #fff; width: 3rem; height: 3rem; border-radius: 100px; text-align: center; line-height: 3rem; font-size: 1.4rem; font-weight: bolder; cursor: pointer; background-color:rgba(255,255,255,0.6);}
.details-photo .big .arrow-next{right: 5%;}
.details-photo .big .arrow-prev{left: 5%;}

/* content */
.details-content{ padding: 1.5rem;}

/* title */
.details-content .goods-title{margin-bottom: 1rem;}
.details-content .goods-title h1{font-size: 2.2rem; font-weight: lighter;}

/* price */
.details-content .goods-price{ border-bottom: 1px solid #efefef; padding-bottom: 1.5rem; margin-bottom: 1rem;}
.details-content .goods-price .price{font-size: 1.8rem; margin-bottom: .5rem;}
.details-content .goods-price .tag{background: #f5f5f5; height: 3rem; padding: 0 1rem; line-height: 3rem; color: #999; display: inline-block;}

/* color */
.details-content .goods-color {margin-bottom: 1rem;}
.details-content .goods-color .column{margin-bottom: 1rem; display: flex; align-items: center;}
.details-content .goods-color .column .text{margin-left: 1rem;}
.details-content .goods-color .list {align-items: center; margin-bottom: 1.5rem;}
.details-content .goods-color .list ul{display: flex; flex-wrap: wrap;}
.details-content .goods-color .list li{width: 69px; height: 69px; display: flex; align-items: center; border: 2px solid #efefef; margin-right: 10px;}
.details-content .goods-color .list li.now{ border: 2px solid #333;}
.details-content .goods-color .list li:hover{ border: 2px solid #333;}

/* shield */
.details-content .goods-shield{background: url(../images/dun.svg) no-repeat 0 center; background-size: 20px; padding-left: 30px; color: #666; }

/* info */
.details-content .goods-info{border-top: 1px solid #efefef; margin-top: 1.5rem; padding-top: 1.5rem;}
.details-content .goods-info .hd{ border-bottom: 1px solid #efefef; margin-bottom: 1.5rem;}
.details-content .goods-info .hd ul{display: flex; flex-wrap: wrap;}
.details-content .goods-info .hd li{ cursor: pointer; color: #666; width: 50%; text-align: center; height: 3.5rem; line-height: 3.5rem;}
.details-content .goods-info .hd li.on{ color: #fff; background: #333;}
.details-content .goods-info .bd .box {color: #666}
.details-content .goods-info .bd .box p{margin-bottom: 1.5rem; font-size: 1rem; line-height: 150%;}
.details-content .goods-info .bd .box ul{margin-left: 1.5rem; margin-bottom: 1.5rem; font-size: 1rem;}
.details-content .goods-info .bd .box li{list-style-type: disc; line-height: 220%; font-size: 1rem;}

/* other */
.details-content .goods-other .help a{text-decoration: underline;}
.details-content .goods-other .follow{margin-left: auto; margin-top: 1rem;}
.details-content .goods-other .follow .icon{font-size: 2.8rem;}
.details-content .goods-other .follow a:hover .icon{color: #333;}

/* video */
.details-video{ padding: 0 15px;}
.details-video video{width: 100%;}

/* photo */
.details-video .photo{display: flex; flex-wrap: wrap; justify-content: space-between;}
.details-video .photo .item{width: 49%; margin-bottom: 1.5rem;}
.details-video .photo .item img{width: 100%;}
.details-video .photo .item .pic{margin-bottom: 1rem;}
.details-video .photo .item .title{font-size: 1rem; line-height: 150%;}




/* --- register --- */
.inner-register{}

/* left */
.inner-register .left{}

/* right */
.inner-register .right{text-align: center; margin-top: 5rem; padding: 1.5rem;}

/* register */
.inner-register .register{}

/* list */
.inner-register .register-list{ padding: 1.5rem;}
.inner-register .register-list .item{margin-bottom: 1.5rem; position: relative;}
.inner-register .register-list .item .select select{width: 100%; height: 4rem; border: none; background: #f8f8f8; padding-left: 1rem; border-bottom: 2px solid #efefef;}
.inner-register .register-list .item .select select:hover{border-bottom: 2px solid #494949;}

/* tips */
.inner-register .tips{padding: 0 1.5rem;}
.inner-register .tips li{margin-bottom: 1rem;}
.inner-register .tips li label{ display: flex;}
.inner-register .tips li input{margin-right: 1rem; margin-top: .25rem;}
.inner-register .tips li p{width: 80%; line-height: 180%;}

/* dep */
.inner-register .dep{padding: 1.5rem;}
.inner-register .dep p{margin-bottom: 1rem; line-height: 150%; color: #666;} 

/* button */
.inner-register .button{padding: 1.5rem;}
.inner-register .button input{ border: 1px solid #333; background: none; cursor: pointer; transition: all .3s; width: 100%; padding: 1rem 0;}
.inner-register .button input:hover{background: #494949; color: #fff;}



}