#container-box { width: 100%; position: relative; } 

.select-nav { background-color: #fee; display: inline-block; float: left; } 

.select-nav:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } 

.select-nav .select { float: left; width: 220px; height: 70px; position: relative; box-sizing: border-box; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: -1px; } 

.select-nav .select:first-child { border: 0; } 
.select-nav .select .down { position: absolute; width: 25px; height: 25px; display: inline-block; top: 25px; right: 10px; line-height: 25px; text-align: center; color: #333; font-size: 14px; transition: all 0.5s; cursor: pointer; } 
.select-nav .select.on .down { transform: rotate(180deg); } 

.select-nav .select.d1 { margin-left: 0; } 

.select-nav .select button { width: 100%; height: 100%; background-color: #fff; border: 0; text-align: left; padding-left: 25px; outline: none; font-size: 15px; } 

.select-nav .select button .t1 { font-weight: 500; } 
.select-nav .d3 button { font-weight: bold; } 

.select-nav .select > ul { display: none; position: absolute; top: 100%; left: -1px; width: 100%; border: 1px solid #ddd; background-color: #fff; box-sizing: content-box; } 

.select-nav .select ul li { min-height: 55px; line-height: 55px; padding-left: 25px; border-bottom: 1px solid #ddd; } 

.select-nav .select ul li a { color: #555; display: block; font-size: 14px; } 

.select-nav .select ul li a:hover { color: #000; } 

.select-nav .select ul ul { display: none; } 

.select-nav .select ul li li { border-top: 1px solid #ddd; border-bottom: 0; } 

.select-nav .select ul li:nth-last-child(1) { border-bottom: 0; } 
.select-nav-wrapper { position: relative; z-index: 2; background-color: #fff; max-width: 1400px; margin: -71px auto; border-bottom: 1px solid #ddd; } 
.select-nav-wrapper:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } 
.select-nav-wrapper .home { width: 60px; height: 70px; text-align: center; font-size: 30px; display: block; line-height: 65px; border-right: 1px solid #ddd; float: left; } 
.select-nav-wrapper .link { background-color: lightcoral; width: 50px; height: 50px; text-align: center; font-size: 30px; display: block; line-height: 50px; float: right; } 
.d2 .t2 { display: none; } 

@media screen and (max-width: 768px){
 .select-nav-wrapper .home { display: none; } 
 .select-nav-wrapper .link { display: none; } 
 .select-nav .select.d3 { display: none; } 
 .select-nav { width: 100%; } 
 .select-nav .select { width: 50%; border-right: 0; } 

 .select-nav .select ul ul { display: block; } 
 .d2 .t2 { display: inline; } 
 .d2 .t2 .fa { color: #555; font-weight: bold; } 
 }


.share-area { float: right; display:block; padding-top:16px; box-sizing: border-box; } 
.share-area .hide-wrap { width:151px; height:34px; overflow:hidden; float:left } 
.share-area .hide-wrap .hide-area { width:151px; height:34px; position:relative; left:200px } 
.share-area .hide-wrap .hide-area ul { overflow: hidden; padding:0; margin:0 } 
.share-area .hide-wrap .hide-area ul li { float: left; margin-left: 13px; cursor:pointer } 
.share-area .hide-wrap .hide-area ul li:first-child { margin-left: 0; } 
.share-area .share-btn { width:34px; height:34px; background-image:url(../img/share_open_bt.png); float:right; text-indent:-9999px; padding-left:18px; box-sizing:unset; background-repeat:no-repeat; background-position-x:right; transition:all .5s ease; background-color: inherit; border:0; margin-right:20px } 
.share-area .share-btn.active { background-image: url(../img/share_close_bt.png); border-left: 1px solid #fff; } 

@media screen and (max-width: 640px){
 .share-area { display:none } 
 }