body{
	padding: 0px;
	margin: 0px auto;
	width: 100%;
}
header{
	width: 100%;
}
#t_title{
	width: 80%;
	display: flex;
	padding: 0px;
	margin: 0px auto;
	
}
#t_title ul{
	padding: 0px;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
ul{
	padding: 0px;
	margin: 0px auto;
}
li{
	list-style: none;
	vertical-align: middle;
}
#t_title>ul>li{
	list-style: none;
	width: 33%;
}
#t_tName{
	font-size: 50px;
	font-weight: bold;
	font-family: cursive;
}
.search{
            width: 100%;         
            display: flex;
        }
        .search input{
            float: left; /* 左浮动 */
            flex: 4;
            height: 45px;
            outline: none;
            border: 1px solid #1d8be0;
            box-sizing: border-box;
            padding-left: 10px;
			width: 80%;
        }
        .search button{
            float: right;
            flex: 1;
            height: 45px;
            background-color: #1d8be0;
            color: white;
            border-style: none;
            outline: none;
        }
        .search button i{
            font-style: normal;
        }
        .search button:hover{
            font-size: 16px;
        }
    #t_user{
      position: relative;
    }   
		#t_user li{
			height: 30px;
			margin-left: 10px;
			float: right;
		}
		#t_navigation{
			width: 100%;
			background-color: #229efc;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#t_navigation #navigation{
			width:80%;
			height: 50px;
			line-height: 50px;
		}
		#t_navigation #navigation li{
			float: left;
			padding: 0px 15px;
			color:#FFFFFF;
			cursor:pointer;
		}
		#t_navigation #navigation li:hover{
			background-color: #1f8ee0;
		}
		.navigation_hover{
			background-color: #1f8ee0;
		}
		#s_body{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap:wrap;
			background-color: #f5f5f5;
			padding-bottom: 15px;
		}
		
		#brand{
			width: 80%;
			margin-top: 10px;
		}
		#brand_ul{
			width: 100%;
			display: flex;
			justify-content:space-around;
			flex-wrap:nowrap;
		}
		
		.brand_img{
			width: 100%;
			height: 100%;
		}
		.brand_li {
			position: static;
			z-index: 0;
			width: 13%;
			margin:5px;
			display: flex;
			justify-content:space-around;
			align-items: center;
			background-color: #FFFFFF;
			cursor:pointer;
		}
		.brand_list{
			position: absolute;
			width: 79%;
			border:2px solid #1D8BE0;
			margin-top: -7px;
			z-index: 1;
			display: none;
			padding: 10px;
			background-color: #FFFFFF;
		}
		.search_box{
			display: none;
			width: 172px;
		    height: 32px;
		    line-height: 32px;
		    background-color: #f5f5f5;
			border: 1px solid #dbdbdb;
		    margin-bottom: 10px
		}
		.search_box input{
			width: 120px;
			height: 27px;
		    line-height: 28px;
		    border: none;
		    background-color: #f5f5f5;
			padding: 0 10px;
			font-size: 12px;
		}
		.search_box img{
			vertical-align: middle;
			height: 18px;
		}
		#series_list{
			width: 100%;
		}
		
		#series_ul{
			display: flex;
			
		}
		.series_li{
			padding: 10px 40px;
			cursor: pointer;
		}
		#series hr{
			margin: 0px;
		}
		.series_li_checked{
			border-bottom: 2px solid #1D8BE0;
			color:#1D8BE0;
		}
		.rom_type:hover{
			color:#1D8BE0;
			cursor:pointer;
		}
		#series_sc{
			display: none;
		}
		#series_no_div{
			margin-top: 10px;
		}
		#series_no_result{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap:wrap;
		}
		#series_no_result div{
			width: 100%;
			text-align: center;
			color: #aca9a9;
		}
		#series_result>ul{
			width: 100%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap:wrap;
		}
		#series_result>ul>li{
			width: 25%;
			font-size: 20px;
			line-height: 40px;
      overflow-wrap: break-word;
		}
		
		
		#rom_hot{
			margin-top:20px;
			width: 80%;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap:wrap;
			padding-bottom: 10px;
		}
		#hot{
			width: 74%;
			background-color: #FFFFFF;
		}
		#hot_title{
			height: 30px;
			line-height: 30px;
			font-size: 30px;
			font-weight: bold;
			padding-left: 20px;
			margin: 35px;
			border-left: 4px solid #1D8BE0;
			box-sizing: border-box;
		}
		#ranking_title{
			height: 30px;
			line-height: 30px;
			font-size: 30px;
			margin: 35px 0px;
			text-align: center;
			box-sizing: border-box;
		}
		#hot_list{
			width: 100%;
			border-top: 1px solid #ACA9A9;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			box-sizing: border-box;
		}
		.rom_div{
			width: 50%;
			padding:40px 30px ;
			border-bottom:1px dotted #ACA9A9;
			box-sizing: border-box;
		}
		.rom_name{
      word-wrap: break-word;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      font-size: 16px;
      line-height: 20px;
      height: 20px;
      box-sizing: border-box;
      cursor: pointer;
		}
		.rom_img_show{
			width: 100%;
			margin-top: 15px;
			box-sizing: border-box;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			cursor:pointer;
		}
		.rom_img{
			width: 40%;
		}
		.rom_txt_show{
      font-size: 14px;
			width: 60%;
			padding-left: 20px;
			box-sizing: border-box;
		}
		.rom_img img{
			height: 100%;
			width: 100%;
		}
		.rom_btn{
			width: 100%;
			margin-top: 15px;
			box-sizing: border-box;
		}
		.rom_btn input{
			padding: 5px 30px;
			margin-right: 15px;
			color: #FFFFFF;
		}
		.xz{
			background-color: #82b81a;
			border: 1px solid #82b81a;
			cursor: pointer;
		}
		.sj{
			background-color: #239efc;
			border: 1px solid #239efc;
			cursor: pointer;
		}
		
		
		
		
		#ranking{
			width: 25%;
			background-color: #FFFFFF;
		}
		#ranking_option{
			width: 100%;
			border-top: 1px solid #ACA9A9;
			box-sizing: border-box;
			display: flex;
			justify-content: flex-start;
			flex-wrap: nowrap;
			cursor:pointer;
		}
		#ranking_option>div{
			text-align: center;
			line-height: 50px;
			font-size: 20px;
		}
		#ranking_left{
			width: 50%;
			border-bottom: 1px solid #ACA9A9;
			border-right: 1px solid #ACA9A9;
		}
		#ranking_right{
			width: 50%;
			border-bottom: 1px solid #ACA9A9;
		}
		.ranking_option_checked{
			border-top: 2px solid #1D8BE0;
			color: #1D8BE0;
			box-sizing: border-box;
		}
		#ranking_list{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
		}
		#ranking_list .rom_ranking{
			width: 90%;
			padding: 15px 0px;
		}
		.rom_row{
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
			align-items: flex-start;
			padding: 15px 0px;
			border-bottom: 1px dotted #ACA9A9;
		}
		.number_div{
			width: 15%;
		}
		.number{
			width: 30px;
			height: 30px;
			text-align: center;
			line-height: 30px;
			background-color: #ACA9A9;
			border-radius: 50%;
			color: #FFFFFF;
		}
		.rom_ranking_name_img{
			width: 85%;
			line-height: 30px;
		}
		.rom_ranking_name{
			width: 95%;
			height: 30px;
			line-height: 30px;
			overflow: hidden;
			cursor:pointer;
		}
		.rom_ranking_img{
			width: 100%;
			padding-top: 10px;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
			align-items: center;
			cursor:pointer;
		}
		.rom_ranking_img>img{
			width: 50%;
		}
		
		.rom_row:hover .rom_ranking_name{
			color:#1D8BE0;
		}
		#footer{
			width: 100%;
			background-color: #000000;
			height: 100px;
			color:#FFFFFF;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#footer>a{
			color: #FFFFFF;
		}
		#brand_py{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
		}
		.brand_py_row{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
		}
		.brand_py_left{
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 18%;
			padding: 5px 0px;
		}
		.brand_py_right{
			display: flex;
			justify-content:flex-start;
			align-items: center;
			width: 75%;
			flex-wrap: wrap;
			border-bottom:1px dotted #000000 ;
		}
		.brand_py_name{
			width: 20%;
			box-sizing: border-box;
			padding: 5px 0px;
		}
		.brand_py_name:hover{
			color: #1D8BE0;
			cursor:pointer;
		}
		
		#dl_body{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap:wrap;
			background-color: #f5f5f5;
			padding-bottom: 15px;
		}
		#banner_div{
			width: 100%;
			display: flex;
			justify-content: flex-end;
			flex-wrap:nowrap;
			padding: 20px 0px;
			box-sizing: border-box;
			background-color:#229EFC;
		}
		#banner_img_div{
			display: flex;
			justify-content: flex-end;
			width: 60%;
		}
		#banner_img_div img{
			width: 100%;
			height: 100%;
		}
		#banner_img_div>ul{
			display: flex;
			justify-content: flex-end;
			margin: 0px;
			padding: 0px;
			padding-right: 50px;
			width: 100%;
			height: 325px;
		}
		#banner_txt_div{
			width: 40%;
			color: #FFFFFF;
		}
		#banner_txt_div .ljname{
			
			font-size: 56px;
			font-weight: bold;
			letter-spacing: 3px;
			margin-top: 35px;
			color: #FFFFFF;
			font-family: "Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue","Helvetica","Arial","sans-serif";
		}
		.lj_dl{
			margin-top: 30px;
			padding: 10px 40px;
			border: 1px solid #3bca1f;
			font-size: 30px;
			background-color: #3bca1f;
			border-radius: 3px;
			color: #FFFFFF;
			cursor: pointer;
		}
		#dl_hot_barnd{
			width: 80%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin-top: 10px;
		}
		.dl_hot_barnd{
			width: 80%;
			width: 100%;
			border-left: 1px solid #000000;
		}
		#dl_hot_barnd_list{
			margin: 0px;
			padding: 0px;
			width: 100%;
			display: flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			
		}
		#dl_hot_barnd_list li{
			width: 13%;
			margin-left: 1%;
			margin-top: 10px;
		}
		#dl_hot_barnd_list li:hover{
			cursor:pointer;
		}
		#dl_more_barnd{
			width: 80%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin-top: 10px;
		}
		#barnd_py_select{
			width: 100%;
			background-color: #FFFFFF;
			
		}
		#barnd_py_select ul{
			display: flex;
			justify-content: flex-start;
			flex-wrap: nowrap;
		}
		#barnd_py_select li:nth-child{
			width: 40px;
		}
		.py_ms{
			font-size: 14px;
			color: #ACA9A9;
			line-height: 35px;
			padding: 10px;
		}
		.barnd_yp_li{
			font-size: 15px;
			font-weight: bold;
			line-height: 35px;
			height: 35px;
			width: 35px;
			border-radius: 50%;
			text-align: center;
			margin: 10px 0px;
		}
		.barnd_yp_li_checked{
			background-color: #229EFC;
			color: #FFFFFF;
		}
		.rom_type_info_div p:hover{
			color: #229EFC;
			cursor:pointer;
		}
		.barnd_yp_li:hover{
			background-color: #229EFC;
			color: #FFFFFF;
			cursor:pointer;
		}
		#dl_more_barnd_list{
			margin-top: 10px;
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			background-color: #FFFFFF;
		}
		.dl_more_row{
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			border-bottom: 1px solid #ACA9A9;
		}
		.dl_more_txt{
			width: 10%;
			font-weight: bold;
			border-right: 1px solid #ACA9A9;
			text-align: center;
			padding: 10px;
			box-sizing: border-box;
		}
		.dl_more_info{
			width: 90%;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
		}
		.brand_name_div{
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			border-top: 1px solid #ACA9A9;
			cursor: pointer;
		}
		.brand_rom_type_div{
			width: 25%;
			box-sizing: border-box;
			border-right: 1px solid #ACA9A9;
			border-top: 1px solid #ACA9A9;
			border-bottom: 1px solid #ACA9A9;
			padding: 10px;
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			margin-top: -1px;
		}
		.rom_type_img_div{
			width: 50%;
			cursor: pointer;
		}
		.rom_type_img_div img{
			height: 100%;
			width: 100%;
		}
		.rom_type_info_div{
			width: 50%;
		}
		.brand_rom_type_div_no_res{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			padding: 30px 0px;
			border-top: 1px solid #ACA9A9;
		}
		#top{
			width: 45px;
			height: 50px;
			background-color: #ACA9A9;
			font-weight: bold;
			color: #FFFFFF;
			position:fixed;
			right: 30px;
			bottom: 80px;
			line-height: 25px;
			text-align: center;
			cursor:pointer;
			display: none;
			padding: 5px 2px;
		}
		#top:hover{
			background-color: #239EFC;
		}
		#seach_body{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap:wrap;
			background-color: #f5f5f5;
			padding-bottom: 15px;
		}
		#seach_name_div{
			width: 80%;
			margin-top:10px ;
			background-color: #FFFFFF;
			line-height: 40px;
			font-size: 20px;
			font-weight: bold;
			padding-left: 40px;
			box-sizing: border-box;
		}
		
		#seach_rom_condition_div{
			margin-top: 10px;
			width: 80%;
			background-color: #FFFFFF;
		}
		.rom_condition_div{
			padding: 10px 0px;
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap:nowrap;
		}
		.rom_condition_div_left{
			width: 10%;
			text-align: end;
			line-height: 24px;
			font-size: 14px;
			color: #ACA9A9;
			display: flex;
			justify-content: center;
			flex-wrap:nowrap;
			align-items: center;
		}
		.rom_condition_div_rdight{
			width: 90%;
			line-height: 24px;
		}
		.rom_condition_div_rdight>ul{
			padding: 0px;
			margin: 0px;
			display: flex;
			justify-content: flex-start;
			flex-wrap:nowrap;
			line-height: 24px;
			font-size: 14px;
		}
		.rom_condition_div_rdight>ul>li{
			padding: 0px 0px 0px 20px;
			width: 100px;
			overflow: hidden;
		}
		.condition_name_div{
			width: 100%;
		}
		.rom_package_type_checked,.rom_characteristic_checked,.rom_brush_mode_checked{
			color: #1F8EE0;
		}
		.rom_condition_div_rdight>ul>li:hover{
			color: #1F8EE0;
			cursor:pointer;
		}
		#seach_rom_list_div{
			width: 80%;
			margin-top:10px ;
			background-color: #FFFFFF;
			box-sizing: border-box;
			min-height: 360px;
		}
		.seach_rom_list_div_rows{
			width: 100%;
			display: flex;
			justify-content: flex-start;
			flex-wrap:nowrap;
			border-bottom: 1px dotted #ACA9A9;
		}
		.seach_rom_list_div_cols{
			width: 50%;
			display: flex;
			justify-content: flex-start;
			flex-wrap:wrap;
			border-bottom: 1px dott
		}
		.seach_rom_list_img_div{
			width: 40%;
			padding:10px;
			padding-left: 10%;
			box-sizing: border-box;
			cursor: pointer;
		}
		.seach_rom_list_img_div img{
			height: 100%;
			width: 100%;
		}
		.seach_rom_list_txt_div{
			width: 30%;
			padding: 10px 0px 0px 10px;
			box-sizing: border-box;
			cursor: pointer;
		}
		.seach_rom_list_txt_div p{
			font-size: 12px;
			color: #ACA9A9;
			line-height: 24px;
		}
		.seach_rom_list_btn_div{
			width: 30%;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			flex-wrap:wrap;
		}
		.seach_rom_list_btn_div button{
			width: 60%;
			color: #FFFFFF;
			cursor:pointer;
		}
		.seach_rom_list_div_rows_no_res{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 20px 0px;
		}
		#page_btn_div{
			width: 80%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 10px 0px;
		}
		.page_btn1{
			background-color: #3BCA1F;
			color: #FFFFFF;
			border: 1px solid #3BCA1F;
			border-radius: 4px;
			padding: 5px 10px;
			cursor: pointer;
		}
		.page_btn2{
			background-color: #ACA9A9;
			color: #FFFFFF;
			border: 1px solid #ACA9A9;
			border-radius: 4px;
			padding: 5px 10px;
			cursor:not-allowed;;
		}
		.seach_rom_name_div{
			overflow: hidden;
			width: 100%;
			padding-left: 10%;
			margin-top: 10px;
			cursor: pointer;
		}
		#rom_details_body{
			width: 100%;
			background-color: #f5f5f5;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#rom_details_div{
			width: 80%;
			background-color: #FFFFFF;
			min-height:400px ;
			background-color: #f5f5f5;
		}
		#rom_details_title{
			width: 100%;
			margin-top: 10px;
			font-size: 16px;
			color:#229EFC;
			cursor: pointer;
		}
		#rom_details_title span{
			cursor: pointer;
		}
		#rom_details_img_txt{
			width: 100%;
			margin-top: 20px;
			padding: 15px;
			box-sizing: border-box;
			font-size: 16px;
			display: flex;
			justify-content: center;
			background-color: #FFFFFF;
		}
		#rom_details_img{
			width: 40%;
		}
		#rom_details_img img{
			width: 100%;
			cursor: pointer;
		}
		#rom_details_txt{
			overflow: hidden;
			width: 60%;
			padding-left: 30px;
			box-sizing: border-box;
		}
		#rom_details_txt_name{
			width: 100%;
			font-size: 24px;
			font-weight: bold;
		}
		#rom_details_list_div{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			margin-top: 20px;
		}
		.rom_details_info{
			width: 50%;
			text-align: left;
			line-height: 25px;
			font-size: 16px;
			color: #ACA9A9;
			margin-top: 10px;
			box-sizing: border-box;
		}
		.rom_details_btn{
			width: 100%;
			margin-top: 15px;
		}
		#rom_xz_btn,.order_rom_xz_btn{
			padding: 8px 10px;
			color: #FFFFFF;
			background-color: #1FBF35;
			border: 1px solid #1FBF35;
			border-radius: 3px;
			margin: 5px;
			box-sizing: border-box;
			cursor: pointer;
		}
		#rom_sj_btn,.order_rom_sj_btn{
			padding: 8px 10px;
			color: #FFFFFF;
			background-color: #1D88E0;
			border: 1px solid #1D88E0;
			border-radius: 3px;
			margin: 5px;
			box-sizing: border-box;
			cursor: pointer;
		}
		#rom_details_describe,#rom_details_brushTutorial,#rom_details_exhibition{
			width: 100%;
			background-color: #FFFFFF;
			padding: 10px;
			box-sizing: border-box;
			min-height: 300px;
		}
		.rom_details_title_div{
			font-size: 20px;
			font-weight: bold;
			padding: 10px 0px 10px 10px;
			box-sizing: border-box;
			width: 100%;
			background-color: #FFFFFF;
			margin: 10px 0px;
		}
		#fx_info_div{
			width: 100%;
			background-color: #FFFFFF;
			padding: 10px 0px;
			box-sizing: border-box;
			
		}
		#fx_info_div li{
			padding: 5px 0px;
			
		}
		#login_div,
    #binding_div{
			width: 100%;
			height: 100%;
			position: fixed;
			left: 0px;
			top: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #ACA9A9;
			opacity: 0.95;
      -webkit-flex-direction: column; /* Safari 6.1+ */
      flex-direction: column;
		}
    #login_change{
      height: 40px;
      line-height: 40px;
      width: 280px;
      text-align: center;
    }
    #login_account,
    #binding_account{
      background-color: #FFFFFF;
      border-radius: 10px;
      width: 280px;
      height: 280px;
      text-align: center;
			justify-content: center;
      box-sizing: border-box;
      padding-top: 70px;
    }
    #login_account .account_text,
    #binding_account .account_text{
      margin-bottom: 20px;
    }
    #login_account .account_text>div,
    #binding_account .account_text>div{
      display: inline;
      border: 1px solid rgb(118, 118, 118);
      border-radius: 2px;
    }
    #login_account .account_text input,
    #binding_account .account_text input{
      border: 0; 
      outline: none;
      margin-right: 28px;
      width: 143px;
      background-color: rgba(0, 0, 0, 0);
      transform:translateY(-2px);
    }
    #login_account .account_login,
    #binding_account .binding_login{
      background-color: #1d8be0;
      height: 30px;
      line-height: 30px;
      width: 60%;
      margin: 20px auto 6px auto;
      border-radius: 5px;
      color: #FFFFFF;
      font-size: 16px;
      cursor: pointer;
    }
    #login_account .account_change,
    #binding_account .account_change{
      color: #1d8be0;
      cursor: pointer;
    }
    #login_account .password,
    #binding_account .password{
      position: relative;
      display: inline;
      border: 1px solid rgb(118, 118, 118);
      border-radius: 2px;
    }
    #login_account .password_show .password input,
    #login_account .password_hide .password input,
    #binding_account .password_show .password input,
    #binding_account .password_hide .password input{
      border: 0; 
      outline: none;
      margin-right: 28px;
      width: 143px;
      background-color: rgba(0, 0, 0, 0);
      transform:translateY(-2px);
    }
		#userinfo_li{
			display: none;
			padding-right: 15px;
		}
    #userinfo_img{
      margin-left: 15px;
    }
    #userinfo_img img{
      height: 30px;
      width: 30px;
			border: 1px solid #000000;
			border-radius: 50%;
    }
    #userinfo_more{
      text-align: center;
      position: absolute;
      background-color: #FFFFFF;
      padding: 10px;
      width: 100px;
      border-radius: 5px;
      box-shadow: 0 0 5px #888888;
      left: -40px;
      top: 35px;
      z-index: 10;
    }
    #userinfo_more>div{
      color: #1d8be0;
      cursor: pointer;
      padding: 5px;
    }
    #t_user>div{
			width: 30px;
    }
		#zfb_pay{
			width: 100%;
			height: 100%;
			position: fixed;
			left: 0px;
			top: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #ACA9A9;
		}
		#mz_body{
			width: 100%;
			display: flex;
			justify-content: center;
			background-color: #ACA9A9;
		}
		#mzsm_div{
			width: 80%;
			background-color: #FFFFFF;
			min-height: 550px;
			padding: 10px;
			box-sizing: border-box;
		}
		#myorder_body{
			width: 100%;
			background-color: #ACA9A9;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		#myorder_div{
			width: 80%;
			background-color: #FFFFFF;
			padding: 20px 10px;
			min-height: 550px;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		#order_div_info{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		#order_div_btn{
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		.order{
			margin: 10px;
			border: 1px solid #ACA9A9;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		.order_ritle{
			border-bottom: 1px solid #ACA9A9;
			width: 100%;
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
			background-color: #F5F5F5;
		}
		.orderNo{
			width: 40%;
			padding: 5px;
			color: #ACA9A9;
			display: flex;
			align-items: center;
		}
		.orderNo span{
			color: #000000;
		}
		.orderTime{
			width: 40%;
			padding: 5px;
			color: #ACA9A9;
			display: flex;
			align-items: center;
		}
		.orderTime span{
			color: #000000;
		}
		.orderState{
			width: 20%;
			padding: 5px;
			display: flex;
			align-items: center;
		}
		.order_info{
			width: 100%;
			border-top: 1px solid #ACA9A9;
			display: flex;
			justify-content: center;
			flex-wrap: nowrap;
		}
		.order_img{
			width: 20%;
			padding: 5px;
			box-sizing: border-box;
			cursor: pointer;
		}
		.order_img img{
			width: 100%;
			height: 100%;
		}
		.order_txt{
			width: 60%;
			border-right: 1px solid #ACA9A9;
		}
		.order_btn{
			width: 20%;
			display: flex;
			justify-content: center;
			align-items: center;
			
		}
		.order_romName{
			width: 100%;
			overflow: hidden;
			line-height: 40px;
			font-size: 22px;
			font-family: "monospace";
			cursor: pointer;
		}
		.order_centext{
			width: 100%;
			font-size: 16px;
			color: #ACA9A9;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}
		.order_centext ul{
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 10px;
			box-sizing: border-box;
		}
		.order_centext ul li{
			width: 33%;
			overflow: hidden;
		}
		#order_no_res{
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#order_page_btn_div{
			display: none;
		}
		#order_page_btn_div input{
			padding: 8px 15px;
		}
		#wx_zfb{
			position: fixed;
			top:0px;
			left: 0px;
			width: 100%;
			height: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
			background-color: #ACA9A9;
		}
		#wx_zfb_div{
			width: 400px;
			height: 230px;
			background-color: #FFFFFF;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
			padding: 5px 0px;
		}
		#wx_div,#zfb_div{
			width: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
		}
		#wx_div img,#zfb_div img{
			width: 80%;
			border-radius: 30px;
			cursor: pointer;
		}
		#wxzfb_btn{
			width: 100%;
			display: flex;
			font-size: 12px;
			justify-content:flex-end;
			align-items: center;
			border-bottom: 1px solid #ACA9A9;
		}
		#wxzfb_btn>div{
			border: 1px solid #ACA9A9;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			text-align: center;
			line-height: 20px;
			cursor: pointer;
			margin: 0px;
			padding: 0px;
		}
		#qrcode{
			width:120px; 
			height:80%;
			margin-top:10px;
			display: none;
			text-align: center;
		}
		.loginout{
			margin-left: 10px;
		}
		#rom_price_div{
			width: 100%;
			padding: 10px;
			box-sizing: border-box;
			text-align: center;
		}
		#rom_price_div span{
			color: red;
			font-weight: bold;
		}
		#tips{
      position: fixed;
      background-color: #fef0f0;
      border: 1px solid rgba(253, 226, 226,0.8);
      border-radius: 6px;
      color: #f56c6c;
      height: 40px;
      width: auto;
      padding: 5px 30px;
      top: 30px;
      right: 50%;
      transform: translateX(50%);
      line-height: 40px;
      display: none;
    }