@charset "utf-8";

/*清除所有元素以及before、after伪类的margin、padding*/
*,::before,::after{
	margin:0;
	padding:0;
}

/*清除移动端点击产生的灰色高亮背景*/
*,::before,::after {
	-webkit-tap-highlight-color:transparent;
}

/*设置所有的容器都以边框计算宽度*/
*,::before,::after {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/*元素的一些重新设置*/
body,div,span,input,a,li,td,h1,h2,h3,h4,h5{
	font-family:”Microsoft YaHei”,sans-serif;/*设备默认字体*/
	font-size: 14px;
	/*滚动时模拟原生的弹性滚动效果*/
	-webkit-overflow-scrolling:touch;
	/*color: #fff;*/
}

a{
	color:#000;
	cursor: pointer;
}
a:active{
	text-decoration:none;
}
a:hover{
	-webkit-touch-callout: none;
	text-decoration:none;
}

ul, ol {
	list-style:outside none none;
}

input{
	border:none;
	outline:none;
	/*清除移动端默认的表单样式*/
	-webkit-appearance:none;
}


table {
  border-collapse: collapse;
  border-spacing: 0; 
}

select{
	border: 0;
	background-color: transparent;
	outline:none;
}

@font-face {
  font-family: "iconfont";
  src: url(../fonts/iconfont.ttf) format("truetype");
}
@font-face {
    font-family: Muiicons;
    font-weight: normal;
    font-style: normal;

    src: url('../fonts/mui/mui.ttf') format('truetype');
} 
:focus {
	outline: 0;
	-webkit-tap-highlight-color: transparent;
}
  
.clearfix:after{
	content:'.';
	background-color:red;
	display:block;
	clear:both;
	visibility:hidden;
}

.clear{
	clear:both;
	height:0;
	overflow:hidden;
}

.f_l{
	float: left;
}

.f_r{
	float:right;
}

/*主题蓝*/
.blue{
	color: #1CB7F0;
}
/*淡蓝*/
.blue1{
	color: #54caf8;
}
/*主题红*/
.red{
	color: #F05146;
}
/*淡红*/
.red1{
	color:#ff947e;
}

.yellowgreen{
	color:#cccc00;
}
/*近似黑*/
.gray{
	color:#333;
}

.gray1{
	color: #757575;
}

.gray2{
	color: #b3b3b3;
}

.gray3{
	color:#dbd6d6;
}
.gray4{
	color:#dfdfdd;
}

.gray5{
	color:#f1f1f1;
}

.no_dis{
	display:none;
}

.inline_dis{
	display: inline;
}

.txt_right{
	text-align: right;
}

.p_r_4{
	padding-right: 4px;
}

.p_r_6{
	padding-right: 6px;
}
.p_r_40{
	padding-right: 40px;
}
.wmd_container{
	margin: 0 20px 60px;
}

.wmd_title{
	width: 100%;
	background-color:#1CB7F0;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	color: #fff;
	position:fixed;
	top:0;
	z-index:999;	
}

.wmd_btn{
	background-color:#1cb7f0;
	height: 34px;
	color: #fff;
	line-height: 11px;
}

.wmd_btn2{
	background-color:#fff;
	height: 34px;
	color: #1cb7f0;
	line-height: 11px;
	border: 1px solid #1cb7f0;
	border-radius: 4px;
}

.wmd_menu{
	width: 100%;
	height: 48px;
	background-color: #f1f1f1;
	position: fixed;
	bottom: 0;
}

.wmd_menu2{
	width: 100%;
	height: 48px;
	position: fixed;
	bottom: 0;	
	line-height: 48px;
	background-color: #f1f1f1;
}


.productTab_default{
	border: 1px solid #54caf8;
}

.productTab_active{
	background-color: #54caf8;
	color: #fff;         
}

.productTab a{
	width: 33.3333%;
}

/*模态框的按钮*/
.confirm_body_item{
	width: 50%;
	display: inline-block;
	text-align: center;
}

.position_relative {
    position: relative
}
.tip_msg {
    color: #fff;
    font-size: 12px;
    background: url(../image/newtop/rfixicon.svg) no-repeat center / 100%;
    display: inline-block;
    padding: 0 2px;
    width: 54px;
    height: 24px;
    position: absolute;
    top: -9px;
    text-align: center;
    font-weight: bold;
    right: -27px;
    letter-spacing: 0;
    line-height: 20px;
    z-index:999
}
.dynamic_plot {
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 1000;
    width: 10px !important;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: warn 1s infinite alternate;
    -webkit-animation: warn 1s infinite alternate;
    -moz-animation: warn 1s infinite alternate;
    background-color: #d47068;
}

@keyframes warn {
    10% {
        transform: scale(1,1);
        opacity: 1;
    }

    20% {
        transform: scale(1.05,1.05);
        opacity: 1;
    }

    30% {
        transform: scale(1.1,1.1);
        opacity: 1;
    }

    40% {
        transform: scale(1.15,1.15);
        opacity: 1;
    }

    50% {
        transform: scale(1.2,1.2);
        opacity: 1;
    }

    60% {
        transform: scale(1.25,1.25);
        opacity: 1;
    }

    70% {
        transform: scale(1.3,1.3);
        opacity: 1;
    }

    80% {
        transform: scale(1.35,1.35);
        opacity: 1;
    }

    90% {
        transform: scale(1.4,1.4);
        opacity: 1;
    }

    100% {
        transform: scale(1.45,1.45);
        opacity: 1;
    }
}
.hideSign {
    display:none
}