@charset "utf-8";
/* CSS Document */

body {
	    font-size: 14px;
    color: #444;
    line-height: 20px;
    margin: 0 auto;
    padding: 0px;
    font-family: "微软雅黑";
    background-color: rgb(245,245,245);
    /* top: -.05rem; */
    /* position: relative; */
    /* -webkit-box-sizing: border-box; */
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* padding: .35rem .5rem .3rem; */
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.63%,#ff3948),color-stop(8.65%,#f4f4f4));
    background: -webkit-linear-gradient(top,#ff3948 .63%,#f4f4f4 8.65%);
    background: -moz-linear-gradient(top,#ff3948 .63%,#f4f4f4 8.65%);
    background: linear-gradient(180deg,#ff3948 .63%,#f4f4f4 8.65%);
    /* touch-action: none; */
	}
div,ul,li,h1,h2,h3,h4,h5,h6,img,p,dl,dt,dd,ol,input,select,table,tr,td{margin: 0px;padding: 0px;}
ul,li {list-style-type:none;}
a {color:#2a2626; text-decoration:none;}
a:hover { text-decoration:underline;}
th { font-weight:normal;}
img {border: 0;}
em{font-style:normal}
input:focus{outline:none;}
.mt_5{ margin-top:5px;}
.mb_5{ margin-bottom:5px;}
.clear{ clear:both;}
.white a{ color:#FFF; text-decoration:none;}
/*公用样式*/



#header{ margin: 0 auto;background: #ff3948;display: block;width: 100%;height: 60px;line-height: 60px;position: fixed;top: 0;z-index: 5;/* border-bottom: 1px solid #dbdbdb; *//* margin-bottom: 100px;*/}
.header_con{max-width:740px;margin:0 auto;}
.logo{ float:left; margin-left:10px;}
.logo_text{ float:left; font-size:18px; color: #fff; font-weight:bold;}
.icon{ float:right; width:26px; height:26px; margin-right: 15px;}
.conter{ margin:0 auto; width:95%; max-width:720px;background:#FFF; border:1px solid #e8e8e8; display:block; padding-left: 10px; padding-right: 10px; border-radius: .9rem;}
.title{width:100%; height:50px; border-bottom:1px solid #eaeaea;display:block;margin-bottom: 10px;}
.title ul{ margin:0; padding:0; }
.title li{ float: left; width: 50%; text-align: center; font-weight: bold; font-size:16px;height: 50px; line-height: 50px; }
.color_title{ color: #ce0000;font-weight:bold; font-size:16px;width: 33%;  border-bottom:2px solid #eb4c50; }

.back_top{ width: 100%;height:50px;}
.back_top a{width:50%; float:left; display: flex;align-items: center;justify-content: center;color: #999999; height:100%}

.icon {margin-top: 0 !important;}
.icon .dropdown-menu{left:-50px !important;top:60px;}
.dropdown-menu li{float: none;background-image: none;width:100%;}
.dropdown-menu {min-width:100%;}
.dropdown-toggle{border: none;font-size: 16px;font-weight: bold;width:100%;}
.dropdown{margin-top:8px;}
.btn:focus{outline: none !important;}

.footer{
    width: 90%;
    text-align: center;
    padding: 10px 0px;
    background-color: rgb(245,245,245);
    color:rgb(150,150,150);
    font-size: 13px;
    margin: 0 auto;
}
.footer a{
    color:rgb(150,150,150);
    font-size: 13px;
}

.back_div{
    position: fixed;top:60px;left:0;width:100%;height:calc(100% - 60px);z-index: 10;display: none;background-color: rgba(0,0,0,0.6);
}

.show-code-img{display: none;align-items: center; justify-content: center;width:100%;height:80%;}
.show-code-img img{max-width: calc(100% - 60px);max-height: 80%;}
.chatcode{width:100%;height:255px;/*position:absolute;*/     max-width: 720px;margin: 0 auto; z-index:1;background-color: rgb(238,238,238);top:95px;display: none;}
.chatcode div{width:50%;float: left;display: flex;justify-content: center;align-items: center; height:100%;}
.qqchatcode{width:80%;height:90%;border-radius: 5px;}
.wechatcode{width:80%;height:90%;border-radius: 5px;}

/*登录二维码*/
.omoueover_login_code{display: none;align-items: center; justify-content: center;width:100%;height:80%;}
.omoueover_login_code img{max-width: 100%;max-height: 100%;}
.login_code_show{display: flex;}
.omoueover_login_code .login_code_div{max-width: calc(100% - 60px);}
.omoueover_login_code .login_code_warning{background-color: white;text-align: center;padding-bottom: 10px;}

/*header伸缩样式*/
.header-toggle {float: right;height:60px;width:60px;display:flex;justify-content: center;align-items: center;padding-left: 13px;}
.header-toggle img{width:30px;height:30px;}
.toggle-content {padding: 0 ;max-width: 720px;margin: 0 auto;height:106px;background-color: rgb(238,238,238);z-index: 11;display: none;}
.toggle-content .toggle-part{width:20%;float: left;background-color: white;margin-left:4%;padding: 10px 0;margin-top: 10px;}
.toggle-content .toggle-part img{height:40px;}
.toggle-content .toggle-img{display: flex;align-items: center;justify-content: center;}
.toggle-content .toggle-title{display: flex;align-items: center;justify-content: center;color:black;margin-top: 5px;}
.header-icon{float: right;height:60px;width:50px;line-height: 20px;display: none;}
.header-icon img{width:30px;height:30px;border-radius: 20px;margin-top: 12px;margin-left: 10px;}
.header-icon .header-icon-word{font-size: 12px;color: white;text-align: center;line-height: 15px;}

@media screen and (max-width: 320px) {
    .header-icon {display: none !important;}
}

/*添加到屏幕样式*/
.screen-div-shadow{
    position: fixed;left:0;top:0;width:100%;height:100%;z-index: 10;background-color: rgba(0,0,0,0.6);display: flex;align-items: center;justify-content: center;
}
.screen-div{
    position: fixed;left:0;bottom:0;width:100%;z-index: 10;background-color: white;border-top-left-radius: 20px;border-top-right-radius:20px;
}
.screen-div .screen-img{padding: 16px 0 0 0;display: flex;justify-content: center;align-items: center;}
.screen-div .screen-img img{height:100%;width:100%}
.screen-div .screen-word{padding: 30px 5% 30px 5%;border-bottom: 1px solid rgb(239,239,239);}
.screen-div .screen-word p:first-child{font-size: 5vw;color:#333333;}
.screen-div .screen-word p:first-child span{color:#b41907;}
.screen-div .screen-word p:nth-child(2){color:#ff8502;font-size: 3vw;margin-top: 10px;}
.screen-div .screen-close{position: absolute;right:5%;top:23px;}
.screen-div .screen-close img{width:30px;height:30px;}

.top-banner {width:100%;margin: 10px 0;}
.top-banner img {width: 100%;}
/*.banner{margin-top:6px;margin-bottom:6px;display:flex;height:180px;}.banner .swiper-slide{width: 1300px;}.banner img{float: left;}.banner>a{flex:1}*/
.message_content{font-weight: bold;font-size: 16px;line-height: 30px;}