*{margin: 0;padding: 0;box-sizing: border-box;margin-block-start: 0;margin-block-end: 0;}
body{min-width: 1400px;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
input{background: none;border: none;outline: none;}
input:focus{background: none;border: none;outline: none;}
.flex{display: flex;}
.flex_center{justify-content: center;}
.flex_between{justify-content: space-between;}
.flex_align_c{align-items: center;}
.flex_column{flex-direction: column;}
.flex_wrap{flex-wrap: wrap;}
.auto{margin: auto;}
.w100{width: 100%;}
.wrap{width: 1300px;margin: 0 auto;}
.m18{margin-top: 18px;}
.m10{margin-top: 10px;}
.ml18{margin-left: 18px;}
.p16{padding: 16px}
.oneline{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.bgfff{background-color: #fff;}
.gray{color: #eeeefe;background-color: #eeeefe;}

.topbg{background-color: #eeeeee;height: 42px;}
.top{height: 100%;color: #999;background-color: #eeeeee;}
.top a{color: #999;}
.top div:nth-child(1) img{width: 118px;margin-right: 28px;}
.top div:nth-child(2) span{width: 2px;height: 16px;background-color: #999;margin: 0 10px;}

.logo{padding-top: 36px;padding-bottom: 27px;}
.logo > div:nth-child(1) > img{width: 200px;height: 84px;object-fit: contain;margin-right: 35px;}
.logo > div:nth-child(2) img{width: 78px;margin-left: 10px;}
.searchbox{width: 170px;height: 30px;border-radius: 15px;background-color: #eeeeee;padding: 0 15px;}
.searchbox input{width: 100px;height: 100%;}
.searchbox input::placeholder{line-height: 30px;}
.searchbox img{width: 20px;height: 20px;}
.social_item{width: 129px;height: 26px;background-color: #eeeeee;border-radius: 5px;text-align: center;
line-height: 26px;color: #c11920;margin-right: 10px;font-size: 14px;}

.menubg{height: 47px;background-color: #c11920;}
.menu{height: 100%;color: #fff;background-color: #c11920;}
.menu a{color: #fff;}

.friendbg{background-color: #fdfcf7;height: 170px;color: #333;padding-top: 20px;}
.friendbg h5{font-size: 18px;font-weight: normal;margin-bottom: 30px;}
.friendbg p{margin-bottom: 20px;}
.friendbg a{color: #999;margin-right: 70px;font-size: 14px;}

.footerbg{height: 362px;background-color: #c11920;color: #fff;padding-top: 36px;}
.footerbg p{display: flex;justify-content: center;margin-bottom: 15px;font-size: 14px;}
.footerbg p a{color: #fff;}
.footerbg p img{width: 114px;height: 44px;object-fit: cover;margin: 20px 3px;}


.register_bg{position: fixed;width: 100vw;height: 100vh;left: 0;top: 0;
    background: rgba(0,0,0,.3);z-index: 555;overflow: hidden;display: none;}
.register{position: absolute;width: 1530px;height: 820px;background-color: #fff;
border-radius: 10px;left: 50%;top: 50%;margin-top: -410px;margin-left: -765px;padding: 60px 88px;}
.register_item{display: flex;justify-content: space-between;margin-bottom: 36px;align-items: center;}
.register_l{display: flex;justify-content: space-between;width: 706px;align-items: center;}
.register_r{width: 586px;color: #999;font-size: 14px;}
.label{width: 98px;text-align: right;}
.input{display: flex;width: 574px;height: 54px;align-items: center;}
.input input[type*="text"]{border: 1px solid #ddd;width: 100%;border-radius: 5px;text-indent: 32px;
    height: 100%;}
.input button{width: 212px;background: none;border: 1px solid #ddd;
    border-radius: 5px;margin-left: 20px;height: 100%;}
.input a{color: #000;margin: 0 10px;}
.submit{width: 196px;height: 58px;background-color: #c11920;display: flex;justify-content: center;
align-items: center;color: #fff;}
.reset{width: 196px;height: 58px;background-color: rgb(232, 232, 232);display: flex;justify-content: center;
align-items: center;margin-left: 20px;}
.close_dialog{position: absolute;top: 15px;right: 15px;}