/*头部样式*/
/*body{padding-top: 46px;}*/
header{position: fixed;top: 0;width: 100%;height: 46px;background-color: #000;z-index: 9999;line-height: 46px;box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);}
header .login_next{height: 46px;width: 100%;background-color: #fff;padding: 0 46px 0 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 0;line-height: 0;display: table;}
header .login_next span{letter-spacing: 2.1px;font-size: 16px;display: inline-block;width: 50%;height: 46px;line-height: 46px;text-align: center;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
header .login_next span:first-of-type{background-color: #3f444a;color: #fff;}
header .login_next span:last-of-type{float: right;color: #000;}
header .login_online{width: 100%;padding: 0 46px 0 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;}
header .login_online h2{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 80%;margin: 0 auto;padding-left: 46px;text-align: center;color: #fff;font-size: 18px;letter-spacing: 1.7px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
header .login_online h2 a{color: #fff;}
header .login_online h2 a img{position: relative;top: 6px;width: 40px;}
header .login_online span{float: left;position: absolute;width: 46px;text-align: center;}
header .login_online span img{position: relative;top: 3px;width: 16px;}
header form{width: 100%;padding: 0 46px 0 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;float: left;line-height: 0;background-color: #eee;}
header form input.search_value{background-color: transparent;height: 46px;padding: 10px;font-size: 18px;width: 100%;border: 0;outline: none;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
header form input.search_value::-webkit-search-cancel-button{display: none;}
header .header-open{background-color: #000;float: left;position: absolute;right: 0;text-align: center;}
header .header-open span a{display: block; padding: 0 10px;}
header .header-open span a:not(.searchbtn){padding: 0 10px;color: #25bfaf;}
header .header-open img{display: none;width: 20px;padding: 13px;}
header .header-open img.active{display: block;}
header .header-open img.search-close.active{animation: Search 0.5s;}
header .header-open img.search-close.back{animation: back 0.5s;}
.menu_bar{background-color: #000;height: 50px;width: 100%;display: box;display: -webkit-box;display: -ms-flexbox;display: flex;display: flexbox;display: -webkit-flex;display: -moz-flex;position: fixed;z-index: 1100;bottom: 0;color: #fff;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.menu_bar.active .fir_menu .updown i{-webkit-animation: Irotate 0.5s forwards;-moz-animation: Irotate 0.5s forwards;animation: Irotate 0.5s forwards;}
.menu_bar.default .fir_menu .updown i{-webkit-animation: Irotate_def 0.5s forwards;-moz-animation: Irotate_def 0.5s forwards;animation: Irotate_def 0.5s forwards;}
.menu_bar .sec_menu{display: box;display: -webkit-box;display: -ms-flexbox;display: flex;display: flexbox;display: -webkit-flex;display: -moz-flex;-prefix-box-flex: 1;-moz-box-flex: 1;flex: 1;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;font-size: 12px;}
.menu_bar .sec_menu span{-prefix-box-flex: 1;-moz-box-flex: 1;flex: 1;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;display: box;display: -webkit-box;display: -ms-flexbox;display: flex;display: flexbox;display: -webkit-flex;display: -moz-flex;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;-o-justify-content: center;justify-content: center;-webkit-box-pack: center;-webkit-align-items: center;align-items: center;}
.menu_bar .sec_menu > span, .menu_bar .fir_menu .fir_show{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 5px;text-align: center;}
.menu_bar .sec_menu > span a, .menu_bar .fir_menu .fir_show a{font-size: 12px;color: #fff;display: block;}
.menu_bar .sec_menu > span img, .menu_bar .fir_menu .fir_show img{width: 25px;height: 25px;display: block;margin: 0 auto;}
.menu_bar .sec_menu > span em, .menu_bar .fir_menu .fir_show em{margin: 2px auto 0;font-style: normal;display: block;}
.menu_bar .fir_menu{z-index: 10;float: left;background-color: #3c948b;width: 120px;position: relative;}
.menu_bar .fir_menu > span{float: left;}
.menu_bar .fir_menu .fir_show{height: 50px;padding-left: 15px;}
.menu_bar .fir_menu .fir_show em{padding-top: 6px;font-size: 16px;}
.menu_bar .fir_menu .updown{float: right;width: 30px;line-height: 50px;text-align: center;}
.menu_bar .fir_menu .updown i{position: relative;top: 2px;-webkit-transform-origin: center 35%;transform-origin: center 35%;}
.menu_bar nav{position: absolute;left: 0;bottom: 50px;width: 120px;display: none;}
.menu_bar nav a{padding-left: 15px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;color: #fff;font-size: 16px;display: block;line-height: 50px;background-color: #000;letter-spacing: 1.7px;}
.menu_bar nav a.active{display: none;}
.menu_bar nav a img{width: 20px;vertical-align: middle;margin-top: -4px;}
@-webkit-keyframes Search{100%{-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}}
@-moz-keyframes Search{100%{-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}}
@keyframes Search{100%{-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}}
@-webkit-keyframes back{100%{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}}
@-moz-keyframes back{100%{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}}
@keyframes back{100%{-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}}
@-webkit-keyframes Irotate{100%{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}}
@-moz-keyframes Irotate{100%{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}}
@keyframes Irotate{100%{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}}
@-webkit-keyframes Irotate_def{0%{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
100%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@-moz-keyframes Irotate_def{0%{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
100%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
@keyframes Irotate_def{0%{-moz-transform: rotate(-180deg);-o-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
100%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}}
.headerbackhomepage{width: 36px;height: 30px;line-height: 30px;position: fixed;bottom: 70px;right: 0;background-color: rgba(0, 0, 0, 0.4);border-top-left-radius: 4px;border-bottom-left-radius: 4px;border: 0.5px solid #fff;border-right: 0;text-align: center;z-index: 9;}
.headerbackhomepage i{color: #fff;font-size: 20px;}
.search_page{width: 100%;height: 100%;position: fixed;left: 0;top: 100%;background: #f8f8f8;z-index: 99999;}
.search_page .search{width: 100%;height: 41px;border-bottom: 1px solid #eeeeee;background: #FFF;padding-top: 7px;display: box;display: -webkit-box;display: -ms-flexbox;display: flex;display: flexbox;display: -webkit-flex;display: -moz-flex;}
.search_page .search .search_border{-prefix-box-flex: 1;-moz-box-flex: 1;flex: 1;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;margin-left: 15px;height: 34px;background: #f8f8f8;border-radius: 5px;display: box;display: -webkit-box;display: -ms-flexbox;display: flex;display: flexbox;display: -webkit-flex;display: -moz-flex;overflow: hidden;}
.search_page .search .search_border .Ai_s{width: 26px;height: 26px;background: url(https://cdn.ywart.com/search/ss.png);background-size: 100%;display: inline-block;margin: 4px 0 0 12px;margin-right: 8px;}
.search_page .search .search_border input{-prefix-box-flex: 1;-moz-box-flex: 1;flex: 1;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;display: inline-block;height: 100%;background: #f8f8f8;outline: none;border: 0;}
.search_page .search .del{display: block;width: 70px;height: 34px;line-height: 34px;text-align: center;font-size: 15px;color: #666666;}
.search_page .groom{background: #FFF;width: 100%;padding-top: 20px;margin-bottom: 10px;}
.search_page .groom .groom_title{height: 21px;margin-bottom: 8px;overflow: hidden;}
.search_page .groom .groom_title h2{font-size: 15px;margin-left: 20px;float: left;}
.search_page .groom .groom_title span{float: right;margin-right: 20px;font-size: 14px;color: #999999;cursor: pointer;background: url(https://cdn.ywart.com/search/hyh.png) no-repeat center right;background-size: 18px;padding-right: 20px;}
.search_page .groom .groom_content{width: 100%;padding-bottom: 13px;font-size: 0;margin-left: 10px;}
.search_page .groom .groom_content li{display: inline-block;font-size: 14px;height: 36px;line-height: 36px;background: #f6f9f8;border-radius: 4px;padding: 0 3%;margin: 12px 10px;}
.search_page .annals{width: 100%;background: #FFF;}
.search_page .annals .annals_title{height: 44px;border-bottom: solid 1px #eeeeee;overflow: hidden;line-height: 44px;padding: 0 20px;}
.search_page .annals .annals_title h2{font-size: 15px;float: left;}
.search_page .annals .annals_title .annals_clear{float: right;font-size: 14px;color: #999999;}
.search_page .annals .annals_list{width: 100%;}
.search_page .annals .annals_list li{height: 44px;padding: 0 20px;border-bottom: solid 1px #eeeeee;overflow: hidden;}
.search_page .annals .annals_list li p{float: left;color: #333333;font-size: 14px;line-height: 44px;}
.search_page .annals .annals_list li .annals_remove{color: #FFF;float: right;width: 18px;height: 18px;border-radius: 50%;margin-top: 12px;background: url(https://cdn.ywart.com/search/del.png);background-size: 100%;}
/*.mui-icon{color: #fff !important;}
tab切换*/
.mui-segmented-control{border: none !important;}
.mui-segmented-control .mui-control-item{ display: inline-block;margin-right: 10px;width: 17%;height: 40px;line-height: 40px;text-align: center;
    border-radius: 4px;background: #f8f8f8;color: #333;font-weight: 500;font-size: 14px; border: none !important;}
.mui-segmented-control .mui-control-item.mui-active {color: #fff !important;background-color: #3baca1;}
.mui-popover{width: 115px !important;}

/*.mui-bar-tab .mui-tab-item{display: inline-block;overflow: inherit !important;vertical-align: inherit !important;}*/
.mui-popover .mui-table-view{ background: #000;}
.mui-popover .mui-table-view a{color: #fff !important;}
.mui-popover .mui-popover-arrow:after{background: #000 !important;}
/*底部*/
footer{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;color: #333;padding: 0 10px 58px 10px;margin-top: 10px;background-color: #fff;}
footer .appdownload{height: 390px;}
footer .appdownload img{height: 100%;}
footer .appdownload .logo{height: 100px;text-align: center;padding: 30px;}
footer .appdownload .info{text-align: center;}
footer .appdownload .info .p1{font-size: 18px;font-weight: normal;font-style: normal;font-stretch: normal;letter-spacing: 1.9px;color: #000000;text-align: center;}
@media (max-width: 350px){footer .appdownload .info .p1{letter-spacing: 1px;}} footer .appdownload .info .p2{font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal;letter-spacing: 1.5px;color: #000000;text-align: center;margin-top: 10px;}
footer .appdownload .apple{margin-top: 40px;height: 40px;text-align: center;}
footer .appdownload .android{margin-top: 20px;height: 40px;text-align: center;}
footer ul{margin-bottom: 10px;}
footer ul li{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid #eee;line-height: 38px;padding: 0 10px;}
footer ul li strong{font-weight: 500;font-size: 14px;}
footer ul li span{float: right;-moz-transform: rotate(0);-o-transform: rotate(0);-ms-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);-moz-transition: all, 0.5s;-webkit-transition: all, 0.5s;-o-transition: all, 0.5s;-ms-transition: all, 0.5s;transition: all, 0.5s;}
footer ul li div{display: none;padding: 0 0 10px 10px;}
footer ul li div a{display: block;color: #333;font-size: 12px;line-height: 28px;}
footer ul li:last-of-type{border-bottom: 1px solid #eee;}
footer ul li.active strong{font-weight: bold;}
footer ul li.active span{-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
footer p{padding-left: 10px;font-size: 12px;color: #999;line-height: 18px;}