@charset "utf-8";
html {
    font-size: 100px;
}

@media(min-width:320px) {
    html {
        font-size: 100px;
    }
}

@media(min-width:360px) {
    html {
        font-size: 112.5px;
    }
}

@media(min-width:400px) {
    html {
        font-size: 125px;
    }
}

@media(min-width:640px) {
    html {
        font-size: 200px;
    }
}

body {
    background: #fff;
    font-size: 0.12rem;
}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}

html,body,form,img,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,b,u,i,p,em,td,th,input,textarea,select,iframe {
    font-family: "黑体", Arial,"simsun";
    /*font-family:"simsun";*/

    color: #191919;
    padding: 0;
    margin: 0;
    font-style:normal;
}

html* {
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
    outline: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);    
}

img {
    font-size: .06rem;
    vertical-align: middle;
}

input {
    outline: 0;
    border-radius:0;
    -webkit-appearance: none;
    appearance: none;
    border:none;
}

td {
    font-family: Arial;
}

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

ul li {
    vertical-align: bottom;
    padding: 0;
    margin: 0;
}

em i {
    font-style: normal;
}

li {
    list-style: none;
}

ol {
    list-style-type: none;
    list-style: none;
}

dd {
    margin-left: 0;
}

a img {
    border: 0;
}

h1 {
    font-size: .1rem;
}

h2,
h3 {
    font-size: .07rem;
    font-family: "黑体";
}

h4,
h5,
h6 {
    font-size: .06rem;
}

a {
    color:#191919;
    text-decoration: none;
    outline: 0;
}

a:active {
    text-decoration: none;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
    background: -webkit-linear-gradient(to bottom, #f4f4f4, #fff); 
    background: -moz-linear-gradient(to bottom, #f4f4f4, #fff);
    background: -o-linear-gradient(to bottom, #f4f4f4, #fff);
    background: linear-gradient(to bottom, #f4f4f4, #fff);
}
body#dailyOmit{
    background: #fff;
}
.dailyOmitList{
    width:100%;
    background:url(/newwap/new_wap/images/dailyOmitList_1.jpg)no-repeat;
    background-size:100%;
}
.daily_list{
    width: 100%;
    box-sizing: border-box;
    padding:2.41rem .22rem 0;
}
.daily_list li{
    padding-bottom: .15rem;
}

.daily_list li:not(:first-child){
    margin-top: .21rem;
}
.daily_list li:not(:last-child){
    border-bottom: 1px dotted #1b616f;
}
.daily_list li a{
    position: relative;
    display: block;
    font-size: 0;
}
.daily_list li .daily_left,.daily_list li .daily_right{
    display: inline-block;
    vertical-align: middle;
    position:relative;
    z-index:1
}
.daily_list li .daily_left{
    width: 38%;
}
.daily_list li .daily_left img{
    width: 100%;
}
.daily_list li .daily_right{
    width: 45%;
    margin-left: 6.9%;
}
.daily_list li .daily_right p{
    font-size:.11rem;
    color:#6f6f6f;
    line-height: .16rem;
}
.daily_list li .daily_right .starting_price{
    color:#b88f51; 
}
.daily_list li .dailyList_num{
    position: absolute;
    right: -3%;
    top: 50%;
    transform: translateY(-50%);
    font-size: .8rem;
    color: #d9c5a6;
    font-family: "微软雅黑";
    font-weight: bold;
    height: .63rem;
    line-height: .63rem;
    z-index:0
}
/*捡漏艺术品内容页面*/
.dailyOmit{
    width: 100%;
    background: url(/newwap/new_wap/images/dailyOmit.jpg)no-repeat;
    background-size: 100%;  
}
.dailyOmit_con{
    padding: .85rem .23rem 0;
    width: 100%;
    box-sizing: border-box;
}
.daily_artwork{
    width: 100%;
    height: 2.97rem;
    margin-bottom: .27rem;
    position: relative;
}
.daily_artwork img{
    width:100%;
    box-shadow: 8px 8px 12px rgba(0,0,0,0.4);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.dailyO_art_name{
    color: #b88f51;
    font-size: .12rem;
    line-height: .23rem;
}
.dailyO_penial{
    font-size: .11rem;
    color: #454545;
    line-height: .17rem;
}
.dailyO_penial.dailyO_size{
    font-size: .11rem;
}
.dailyO_start_price{
    color: #000;
    font-size: .11rem;
    line-height: .15rem;
    margin-top:.08rem;
}
.dailyO_start_price span{
    position:relative;
}
.dailyO_start_price span:after{
    content:'';
    display:block;
    width:120%;
    height:0;
    border:1px solid #b10000;
    transform:rotate(7deg);
    position:absolute;
    left:-0.09rem;
    top:0.05rem;
}
.cny{
    display:inline-block;
    padding:0 .08rem;
    color: #fff;
    border:1px solid #a47d45;
    border-radius:2rem;
    background:#b78e50;
    height:.22rem;
    line-height:.22rem;
    font-family:'微软雅黑';
    margin-top:.09rem;
}
.dailyO_artist{
    border-top: 1px solid #eaeaea;
    width: 100%;
    margin-top: .17rem;
    padding-top: .13rem;
}
.dailyO_artist_inf ,.dailyO_artist_img{
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}
.dailyO_artist_inf{
    width: 73%;
}
.dailyO_artist_n{
    font-size: .13rem;
    line-height: .2rem;
    color: #474747;
    font-family:'微软雅黑';
}
.dailyO_artist_inf span{
    font-size: .11rem;
    color: #474747;
    line-height: .22rem;
}
.dailyO_artist_img{
    width: .5rem;
    height: .5rem;
    border-radius: 100%;
    overflow:hidden;
    margin-left:4.8%;
}
.dailyO_artist_img img{
    width: 100%;
    height:100%;
}
.dailyOmit .dailyO_description{
    padding:.17rem 0 .3rem;
    color:#474747;
    font-size:.11rem;
    line-height:.17rem;
}
.dailyOmit .dailyO_description img{
    width: 100%;
    height: auto;
    border: 0;
    margin: 0 auto;
}
/*loading页面*/
.loading-mask{
    width:100%;
    height:100%;
    z-index:20000;
    background:#fff;
    position: absolute;
}
.spinner {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;

}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color: #fbc400;
 
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.contact-page{
    padding:.6rem .18rem 0;
    font-family:"微软雅黑"
}
.contact-page h1{
    font:bold .14rem/.3rem "微软雅黑";
}
.contact-page h2{
    font:bold .12rem/.35rem "微软雅黑";
}
.contact-page p{
    color:#666;
    padding-left:.24rem;
    font:500 .11rem/.25rem "微软雅黑";
}