/****** reset ******/
html,body,ul,ol,dl,dt,dd,div,form,label,textarea,input,p,span,h1,h2,h3,h4,h5,h6,a,
header,footer,section,nav,article,aside,figure,figcaption,hgroup,audio,video,source
{
  margin: 0; padding: 0; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}
html{

  	font-family: "Microsoft Yahei","Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
  	-webkit-text-size-adjust: none;
	height: 100%;
}
body{ max-width: 640px; width: 100%; min-height: 100%; height: 100%; position: relative;}
textarea,input,a,button,li{ -webkit-tap-highlight-color: rgba(0,0,0,0); }
input,textarea{ -webkit-appearance: none; outline: none; border: 0; display: block;}
table{ border-spacing: 0; border-collapse: collapse; }
ul,ol{ list-style-type: none; }
img{ display: block; border: 0; max-width: 100%; vertical-align: middle; -webkit-touch-callout: none; }
a{ text-decoration: none; }
input::-webkit-input-placeholder{ color: #a5a0a1; }
.fl{float: left;}
.fr{float: right;}
.clear {clear: both; }
.clearfix::after {content: '';display: block;clear: both; }

.web{width: 100%;max-width: 640px;height: 100%;margin: 0 auto;}
header{width: 100%;max-width: 640px;height: auto;position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 100;}
.back{width: 2.25rem;height: 100%;position: absolute;top: 0;left: 0;}

.designer-list{width: 100%;height: auto;padding: 0 0.25rem;margin: 0 auto;padding-top: 3rem;}
.list-item{width: 100%;height: 8.25rem;background: #cecece;border-radius: 0.6rem;overflow: hidden;box-shadow: 0rem 0.2rem 0.3rem #a2a2a2;margin-bottom: 0.75rem;}
.list-item>a{display: block;width: 100%;height: 100%;border-radius: 0.6rem;}
.designer{width: 8.25rem;height: 100%;display: flex;justify-content: center;align-items: center;}
.excellent{width: 10rem;height: 100%;border-radius: 0.6rem;overflow: hidden;position: relative;}
.excellent img{width: 100%;height: 100%;}

.message{width: 100%;height: 100%;color: #fff;padding-left: 0.75rem;padding-top: 2.3rem;position: absolute;top: 0;left: 0;}
.message div:nth-child(1){font-size: 0.45rem;line-height: 0.75rem;margin-bottom: 0.7rem;vertical-align: middle;}
.message div:nth-child(1) span{font-size: 0.75rem;line-height: 0.75rem;font-weight: 700;}
.message div:nth-child(2),.message div:nth-child(3),.message div:nth-child(4){
	font-size: 0.5rem;
	line-height: 0.5rem;
	margin-bottom: 0.3rem;
}
.message div:nth-child(3) span{margin-right: 0.4rem;}