@media screen and (min-width: 320px) {
    html {
        font-size: 150px;
    }
}
 
@media screen and (min-width: 360px) {
    html {
        font-size: 162.5px;
    }
}
 
@media screen and (min-width: 400px) {
    html {
        font-size: 175px;
    }
}
 
@media screen and (min-width: 440px) {
    html {
        font-size: 187.5px;
    }
}
 
@media screen and (min-width: 480px) {
    html {
        font-size: 200px;
    }
}
 
@media screen and (min-width: 640px) {
    html {
        font-size: 250px;
    }
}
 
html {
    font-size: 50vw;
}

/*修改input 占位符样式*/
::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-size: .3rem;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: .3rem;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: .3rem;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-size: .3rem;
}

/*border*/
.bor-bot-no {
	border-bottom-width: 0 !important;
}
.bor-rad-5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;	
}
.radius-50 {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;	
}
.radius-tl {
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;	
}

.radius-tr {
	-webkit-border-radius: .1rem .1rem 0 0;
	-moz-border-radius: .1rem .1rem 0 0;
	-o-border-radius: .1rem .1rem 0 0;
	border-radius: .1rem .1rem 0 0;
}
.radius-bl {
	-webkit-border-radius: 0 0 .1rem .1rem;
	-moz-border-radius: 0 0 .1rem .1rem;
	-o-border-radius: 0 0 .1rem .1rem;
	border-radius: 0 0 .1rem .1rem;
}

.bor-t-1 {
	border-top: 1px solid #e9e9e9;
}
.bor-b-1 {
	border-bottom: 1px solid #e9e9e9;
}
.bor-tb-1 {
	border-top: 1px solid #e9e9e9;	
	border-bottom: 1px solid #e9e9e9;
}
.bor-td-1 {
	border: 1px dashed #82dfec;
}
.bor-td-2 {
	border: 1px dashed #7fabf5;
}
.bor-td-3 {
	border: 1px dashed #59bdf7;
}

.lt-sp-1 {
	letter-spacing: 1px;
}

/*边距*/
.no-margin {
	margin: 0!important;
}
.no-padding {
	padding: 0!important;
}

.mb-10 {
	margin-bottom: .1rem;
}
.mt-10 {
	margin-top: .1rem;
}
.mt-20 {
	margin-top: .2rem;
}
.mb-20 {
	margin-bottom: .2rem;
}
.mt-30 {
	margin-top: .3rem;
}
.mb-30 {
	margin-bottom: .3rem;
}
.mt-40 {
	margin-top: .4rem;
}
.mb-40 {
	margin-bottom: .4rem;
}
.mb-70 {
	margin-bottom: .7rem;
}
.mb-100 {
	margin-bottom: 1rem;
}
.mb-150 {
	margin-bottom: 1.5rem;
}
.mt-100 {
	margin-top: 1rem;
}
.mtb-100 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.pb-5 {
	padding-bottom: .075rem;
}
.pb-10 {
	padding-bottom: .1rem;
}
.pt-100 {
	padding-top: 1rem;
}
.pb-100 {
	padding-bottom: 1rem;
}
.ptb-100 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.ptb-5{
	padding-top: .05rem;
	padding-bottom: .05rem;
}
.ptb-10 {
	padding-top: .1rem;
	padding-bottom: .1rem;
}
.ptb-20 {
	padding-top: .2rem;
	padding-bottom: .2rem;
}
.plr10 {
	padding-left: .1rem;
	padding-right: .1rem;
}
.plr30 {
	padding-left: .3rem;
	padding-right: .3rem;
}
.plr40 {
	padding-left: .4rem; 
	padding-right: .4rem;
}
.plr90 {
	padding-left: .9rem;
	padding-right: .9rem;
}

/*间距*/
.spacing {
	width: 100%;
	height: .2rem;
	background: #f2f3f4;
}

.more {
	width: .14rem;
	height: .26rem;
}

.mini-hg {
	min-height: 10rem;
}


/*size*/
.size-20 {
	font-size: .2rem;
}
.size-22 {
	font-size: .22rem;
}
.size-24 {
	font-size: .24rem;
}
.size-28 {
	font-size: .28rem;
}
.size-30 {
	font-size: .3rem;
}
.size-32 {
	font-size: .32rem;
}
.size-36 {
	font-size: .36rem;
}
.size-38 {
	font-size: .38rem;
}
.size-40 {
	font-size: .4rem;
}
.size-50 {
	font-size: .5rem;
}


/*color*/
.color-333 {
	color: #333333;
}
.color-666 {
	color: #666666;
}
.color-555 {
	color: #555555;
} 
.color-999 {
	color: #999999;
}
.color-ccc {
	color: #cccccc;
}
.color-white {
	color: #ffffff;
      line-height: .5rem;
}
.color-active {
	color: #36bb81;
}
.color-ft {
	color: #536373;
}
.color-blue {
	color: #337ab7;
}
.color-td-1 {
	color: #82dfec;
}
.color-td-2 {
	color: #7fabf5;
}
.color-td-3 {
	color: #59bdf7;
}


/*background*/
.bg-white {
	background: #ffffff;
}
.bg-blue {
	background: #72b7f3;
}
.bg-yellow {
	background: #f99a61;
}
.bg-purple {
	background: #8593f8;
}
.bg-pink {
	background: #fb7e96;
}
.bg-red {
	background: #ff6363;
}
.bg-green {
	background: #46d38c;
}
.bg-td-1 {
	background: #82dfec;
}
.bg-td-2 {
	background: #7fabf5;
}
.bg-td-3 {
	background: #59bdf7;
}
.bg-f8 {
	background: #f8f8f8;
}

/*文本对齐*/
.text-r{
	text-align:right;
}
.text-l{
	text-align:left;
}
.text-c {
    text-align: center;
}

/*行高*/
.li-h-5{
line-height:.5rem;
}
.li-h-36{
line-height:.36rem;
}
.li-h-36 span{
    letter-spacing: 5px;
    font-size: .4rem;
    display: block;
}