/*reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,header,ul,li{margin:0;padding:0; font-weight:normal;font-size:18px}
body { background:#f2f2f2; color:#484443; }
body{ margin:0 auto;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale}

input,button,textarea { ffont-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale}
input { -webkit-appearance:none; outline:none; }
a { text-decoration:none; color:inherit;}
ul { list-style:none;}
cite,i { font-style:normal;}
@media screen and (min-width:320px){html,body,button,input,select,textarea,dt{font-size:14px}
}
@media screen and (min-width:414px){html,body,button,input,select,textarea,dt{font-size:16px}
}
 .mui-bar-nav.mui-bar .mui-icon{font-weight: 100;color:#333;}
.mui-bar-nav{box-shadow: none;}
/*css sprite*/
.top-myMoney em,.top-message em,.index-item-title .more em,.news-datas span em { background-image:url(../images/iconCommon.png); background-repeat:no-repeat; background-size:400%;}

.mui-toast-container
{
    line-height: 17px;

    position: fixed;
    z-index: 9999;
    top:50%;
    left: 50%;

    -webkit-transition: opacity .3s;
            transition: opacity .3s;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    opacity: 0;
}
.mui-toast-container.mui-active
{
    opacity: .9;
}

.mui-toast-message
{
    font-size: 14px;

    padding: 10px 25px;

    text-align: center;

    color: #fff;
    border-radius: 6px;
    background-color: #323232;
}

.clear { clear:both; overflow:hidden; zoom:1; }
.none { display:none;}

.container { padding-bottom:4rem;}
.footer-nav{position: fixed;  height: 4rem;position:fixed; bottom:0;width:100%; height:4rem;z-index:99; background:#ffff}
.footer-nav ul {width:100%;height:4rem; background:url(../images/footer-bg.jpg) no-repeat;  background-size: 100%;}
.footer-nav li { float:left; width:25%; text-align:center; font-size:.9rem;}
.footer-nav ul:before 
{ 
content:""; display:block;background:url(../images/footer-bg.jpg) no-repeat;  
width:100%; 
height:.5px; 
position:absolute; 
top:0; left:0; }
.footer-nav li em { display:inline-block; width:1.5rem; height:1.5rem; margin: 0.5rem 0 0.2rem 0}
.footer-nav li span { display:block; line-height:.8rem; color:#666}
.footer-nav li:nth-of-type(1) em { background:url(../images/home-uncheck.png) no-repeat; background-size:100%;}
.footer-nav li:nth-of-type(2) em { background:url(../images/product-uncheck.png) no-repeat; background-size:100%;}
.footer-nav li:nth-of-type(3) em { background:url(../images/find-uncheck.png) no-repeat; background-size:100%;}
.footer-nav li:nth-of-type(4) em { background:url(../images/me-uncheck.png) no-repeat; background-size:100%;}
.footer-nav li.active:nth-of-type(1) em { background:url(../images/home-checked.png) no-repeat; background-size:100%;}
.footer-nav li.active:nth-of-type(2) em { background:url(../images/product-checked.png) no-repeat; background-size:100%;}
.footer-nav li.active:nth-of-type(3) em { background:url(../images/find-checked.png) no-repeat; background-size:100%;}
.footer-nav li.active:nth-of-type(4) em { background:url(../images/me-checked.png) no-repeat; background-size:100%;}
.footer-nav li.active a{ color:#f50d0d;}
.footer-nav li:nth-of-type(2) {width:20%; padding-right: 5%;}
.footer-nav li:nth-of-type(3) {width:20%;    margin-left: 10%;;}
.robot{position: fixed;bottom:1rem; 
z-index:100;
left:44.5%;width:3rem;
 background: url(../images/robot.png) no-repeat; background-size: 100%; height: 3rem;}
/*buttons*/
.button-common { display:flex; margin:2rem 1rem;}
.button-common button { flex:1; background:#CD0F23; border-radius:.3rem; color:#fff; height:3rem; font-size:1.2rem;}
.button-common button:not(:last-child) { margin-right:1rem;}

/*reset mui*/
.mui-slider-indicator { bottom:0rem;}
.mui-slider-indicator .mui-indicator { margin:0 .05rem; width:.45rem; height:.45rem; border:none; box-shadow:none; background:#fff; opacity:.5;}
.mui-slider-indicator .mui-active.mui-indicator { background-color: #CD0F23;}
.mui-table-view-cell:after { left:0;}

.tabFixed { background:#fff; box-shadow:0 .2rem .2rem #ced6ec; padding:1rem 0; position:fixed; top:44px; width:100%; z-index:10;}
.tabFixed .mui-control-item { line-height:1.5rem; position:relative; overflow:visible; font-size:1.2rem;}
.tabFixed.mui-segmented-control-inverted .mui-control-item.mui-active { border-bottom:none; color:#C40D23;}
.tabFixed.mui-segmented-control-inverted .mui-control-item:not(:last-child) { border-right:1px solid #4a70d5;}
.tabFixed.mui-segmented-control-inverted .mui-control-item.mui-active:after { content:""; display:block; width:.3rem; height:.3rem; background:#C40D23; border-radius:100%; position:absolute; top:1.7rem; left:50%; z-index:1; -webkit-transform:translateX(-50%); }

/* data&&date */
.news-datas { position:relative;}
.news-datas span { display:inline-block;}
.news-datas span em { display:inline-block; width:2.5rem; height:1.5rem; vertical-align:middle;}
.news-datas span.news-date em { background-position:0 -7.7rem;}
.news-datas span.news-num { position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:5rem;}
.news-datas span.news-num em { background-position:-2.7rem -7.6rem;}
.news-datas span cite { margin-left:-1.3rem; vertical-align:middle;}

/*popUP*/
.mask { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,.3); z-index:99;}
/*.popup { position:fixed; top:0; left:0; width:100%; height:100%; background:#E5EB04; overflow:scroll; z-index:100;}*/
/**************产品列表 瀑布流布局***************/
.twoRankedBox{display: none;}
.twoRankedBox ul{  
    width:49%;  
    float: left; 
} 
.twoRankedBox ul:last-child{  
    margin-left:2%;  
	/* float: right; */
}
.twoRankedBox ul li{  
    padding:5px;  
    margin-bottom:6px;  
    padding-bottom:8px;  
    background-color: #FFFFFF; 
	box-shadow: 0 0 10px #eee;
	position: relative;
}
.twoRankedBox ul li .trip-label{display: inline-block;
    position: absolute;
	left: 5px;
	top: 5px;
    padding: 0.1rem 1rem;
    disply: inline-block;
    font-size: 0.9rem;
    text-align: center;
	border-top-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #fff;
}
.twoRankedBox ul li .seriousi-llness{background-color: #f74541;}
.twoRankedBox ul li .accident-insure{background-color: #c2c0c3;}
.twoRankedBox ul li .medical-insure{background-color: #c69e59;}
.twoRankedBox ul li .automobile-insure{background-color: #57c9ee;}
.twoRankedBox ul li p:first-child{  
    padding-top:0px;  
}  
.twoRankedBox ul li p{  
    padding-top:4px;  
} 
.twoRankedBox ul li h2{font-size: 1rem;margin: 0.8rem 0 0.4rem 0;
overflow: hidden;
line-height: 1.5rem;
text-overflow: ellipsis;
display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.product-info p{font-size: 0.8rem; color: #666; padding: 0;line-height: 1.5rem;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.product_picture img{  
    display: block;  
    width:100%;  
	border-radius: 0.48rem;
}  
.product_np{  
    overflow: hidden;  
    line-height:20px;  
}  
.product_np a{  
    display: block;  
    overflow:hidden;  
    text-overflow:ellipsis;  
    /* white-space:nowrap;  */
}  
/* .product_np a:first-child{  
    font-size:0.9em;  
    color:#58b7e3;  
    width:65%;  
    float: left;  
}  
.product_np a:last-child{  
    font-size:0.8em;  
    color:#f00;  
    float: right;  
    width:35%;  
    text-align: right;  
}  */
.product_ie{  
    font-size:0.9em;  
    color:#666;  
}
.twoRankedBox li .info-bottom{	
	margin-top:0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.twoRankedBox li .info-bottom .price .number {
    color: #FF7B83;
    font-size: 1rem;
    /*font-weight: bold;*/
}

.twoRankedBox li .info-bottom .button {
    width: 5.5rem;
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 20px;
    padding: 0.08rem 0;
	background-color: #CD0F23;
}