/*搜索和黑暗模式*/
.search,.darkmode {float:right;margin-left:15px;position:relative;}
.darkmode i{font-weight: 900;}
.search i.fa,.darkmode i.fa {color:#6b7386;line-height:78px;opacity:0.7;font-size:18px;padding-left:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;display:block;width: 28px;}
.search i.fa:hover,.darkmode i.fa:hover {opacity:1;}
.search .s-form {padding:20px;line-height:none;display:block;background:#fff;position:absolute;right:0;top:100%;display:none;box-shadow:0px 8px 20px 0px rgba(0,0,0,0.1);border:1px solid #eee;border-top:none;z-index:1;}
.search .s-form .sform {width:258px;padding-right:32px;position:relative;}
.search .s-form button {border:medium none;background:#ff3636;position:absolute;top:0;right:0;cursor:pointer;}
.search .s-form button i {color:#fff;font-size:18px;height:32px;line-height:32px;padding:0 10px;width: 40px;}
.search .s-form button:hover {opacity:1}
.search .s-form .sinput {background:#f8f8f8;border:1px solid #eee;padding: 5px 0 0 10px;height:32px;line-height:32px;width:100%;font-size: 14px;}
.search .s-form .arrow {position:absolute;top:-17px;right:-2px;line-height:26px;color:#fff;font-size:20px;opacity: 1;}
#mask {position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:899;display:none;}
/*========首页搜索======*/
.primary-menus {width:50%;position:absolute;top:55%;left:50%;z-index:3;transform: translate(-50%, -50%);font-size: 16px;opacity: .;}
.primary-menus ul {list-style:none;padding:0;}
.primary-menus ul li {display:inline-block;color:#fff;padding:0 14px;height:36px;line-height:36px;font-size:14px;border-top-left-radius:3px;border-top-right-radius:3px;cursor:pointer;}
.primary-menus ul li:first-child {cursor:auto;color: rgba(255,255,255,.8);}
.primary-menus ul li:first-child:hover {color: rgba(255,255,255,.8);background-color:transparent;}
.primary-menus ul li:hover {background:#fff;color:#3c3c3c;opacity:.8;}
.primary-menus ul li.current {background:#fff;color:#3c3c3c;}
.primary-menus .cont {position:relative;top:-1px;}
.primary-menus .right-link {position:absolute;right:0;top:0;}
.primary-menus .right-link a {display:inline-block;margin-top:10px;padding-right:5px;color:#dff2ff;text-decoration:none;font-size:13px;}
.primary-menus .right-link a:hover {color:#fff;}
.primary-menus .left-cont {}
.primary-menus .left-cont .search.hidden {display:none;}
.primary-menus .left-cont form {width:100%;position:relative;}
.primary-menus .left-cont input {box-sizing:border-box;width:100%;border:none;font-size:15px;line-height:20px;height:48px;padding:11px 100px 11px 26px;border-radius:3px;color:#9f9f9f;outline:none;}
.primary-menus .left-cont input:focus {color:#3c3c3c;}
.primary-menus .left-cont button {height:48px;box-sizing:border-box;min-width:100px;margin-left:-5px;cursor:pointer;background-color:#e34f4f;color:#fff;font-size:15px;line-height:40px;border-top-right-radius:3px;border-bottom-right-radius:3px;position:absolute;right:1px;top:0;border: 5px solid #fff;  border-radius: 9px;padding: 0 15px;}
.primary-menus .left-cont button:hover {background-color:#ff3636;}
@media (max-width:1199px) {.primary-menus ul li {padding:0 12px;}
}
@media (max-width:991px) {.primary-menus {float:left;margin-left:0;width:90%;top: 60%;}
.primary-menus .right-link {display:none;}
.primary-menus .left-cont {margin-right:0;}
}
@media (max-width:767px) {.primary-menus ul li {padding:0 5px;font-size:13px;height:28px;line-height:24px;margin-right:6px;}
.primary-menus ul li:first-child {display:none;}
.primary-menus .left-cont input {height:34px;line-height:14px;font-size:13px;padding:10px 6em 10px 10px;border-radius:0 3px 3px 3px;}
.primary-menus .left-cont button {height:34px;line-height:34px;width:6em;font-size:12px;border: none;border-radius: 2px;margin-right: -2px;}
}