@charset "utf-8";
html {

}
body {
	background-color: #ebebeb;
	padding: 0px;
    margin: 0px;
}

.image{
	display: block;
    position: relative;
    width:100%;
    line-height: 0px;
}

.checkindex{
	min-height: 100vh;
    background-color: #000
}

.checkindex .content{
	position: relative;
    padding-top: 1px;
}

.checkindex .content .txt1 {
    width: 80%;
    margin-top: 72%;
    font-size: 14px;
    line-height: 160%;
    font-weight: 400;
    color: #fff;
    letter-spacing: -.05em;
    text-align: center;
    margin-left: 10%;
    position: relative;
    z-index: 1;
}

.checkindex .content .inputboxs {
    margin-top: 8%;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.checkindex .content .inputboxs .realinput {
    position: absolute;
    top: 10px;
    left: 55%;
    width:50px;
    height:50px;
    z-index: -1;
    text-indent: -999em;
    margin-left: -100%;
}

.checkindex .content .inputboxs .inputbox {
    position: relative;
    z-index: 1;
    width:50px;
    height:50px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-right: 5px;
    box-shadow: inset 0 1px 5px rgba(0,0,0,.5);
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.checkindex .content .ok {
    position: relative;
    z-index: 1;
    text-decoration: none;
    background: #000;
    width: 23%;
    font-weight: 700;
    line-height: 30px;
    height:30px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 30px auto 0;
}

.box {
	display: block;
    position: relative;
	width:100%;
	height:auto;
}
.inner {
	max-width: 750px;
	min-height: 600px;
    margin: auto;
}

.inner img{
	width:100%;
	height:auto;
}

.scan-box{
	width:100%;
	display: block;
    line-height: 0px;
    position: relative;
}

.scan-box .left{
	width:50%;
	float:left;
    line-height: 0px;
	cursor: pointer; 
}

.scan-box .right{
	width:50%;
	float:left;
    line-height: 0px;
	cursor: pointer; 
}

.brand-nav{
	cursor: pointer; 
	display: block;
    position: relative;
    line-height: 0px;
}

.brand-rank{
	margin-top:6px;
	margin-bottom:5px;
	width:100%;
    line-height: 0px;
}

.brand-rank .mui-segmented-control{
	border: 1px solid #7f7f7f;
	border-radius:20px;
	font-size: 12px;
}

.brand-rank .mui-segmented-control .mui-control-item{
	color: #7f7f7f;
    border-color: #7f7f7f;
	border-left:none;
    /*border-left: 1px solid #7f7f7f;*/
	line-height: 23px;
}

.brand-rank .mui-segmented-control .mui-control-item.mui-active{
	background-color: #3ca3e6;
	color:#ffffff;
}


.my-rank{
	margin-top:5px;
	margin-bottom:5px;
	width:100%;
}


.my-rank .mui-segmented-control{
	border: 1px solid #0d7099;
	border-radius:20px;
	font-size: 12px;
}

.my-rank .mui-segmented-control .mui-control-item{
	color: #0d7099;
    border-color: #0d7099;
	border-left:none;
	line-height: 23px;
}

.my-rank .mui-segmented-control .mui-control-item.mui-active{
	background-color: #0d7099;
	color:#ffffff;
}

.mui-slider{
	line-height: 0px;
}

.show{
	display:block;
}

.noshow{
	display:none;
}

.maskdiv{
	display: block;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;filter: alpha(opacity=30);-ms-filter: "alpha(opacity=30)";opacity: .3;z-index: 988;
}

.loading{
	position: fixed; display: block; top: 50%; left: 50%; padding:10px; width:100px; height:100px; overflow:hidden; z-index:999; margin-left:-50px; margin-top:-50px;
}