﻿@charset "utf-8";

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?uwr3mr');
	src:url('fonts/icomoon.eot?#iefixuwr3mr') format('embedded-opentype'),
		url('fonts/icomoon.woff?uwr3mr') format('woff'),
		url('fonts/icomoon.ttf?uwr3mr') format('truetype'),
		url('fonts/icomoon.svg?uwr3mr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


.fdayicon{font-family: 'icomoon'}
.fdayicon-local:before{content: '\e60a';}
.fdayicon-login:before{content: '\e60c';}
.fdayicon-cart:before{content: '\e60d';}
.fdayicon-home:before{content: '\e60b'; }
.fdayicon-all:before{content: '\e609';}
.fdayicon-order:before{content: '\e607';}
.fdayicon-contact:before{content: '\e606';}
.fdayicon-client:before{content: '\e605';}
.fdayicon-procart:before{content: '\e603';}
.fdayicon-toTop:before{content: '\e604';}
.fdayicon-star-full:before{content: '\e601';}
.fdayicon-star-empty:before{content: '\e600';}
.fdayicon-appraise:before{content: '\e602';}
.fdayicon-proselect:before{content:'\e60e';}
.fdayicon-loading:before{content:'\e60f';}
.fdayicon-delete:before{content:'\e61f';}
.fdayicon-notice:before{content:'\e61e';}
.fdayicon-right:before{content:'\e610';}
.fdayicon-unfold:before{content:'\e622';}
.fdayicon-fold:before{content:'\e623';}
.fdayicon-edit:before{content:'\e626';}
.fdayicon-close:before{content:'\e62a';}
.fdayicon-back:before{content:'\e62b';}
.fdayicon-add:before{content:'\e62c';}
.fdayicon-navback:before{content:'\e62d';}
.fdayicon-delivery:before{content:'\e62e';}
.fdayicon-message:before{content:'\e630';}
.fdayicon-userorder:before{content:'\e63d';}
.fdayicon-coupon:before{content:'\e63b';}
.fdayicon-paysuc:before{content:'\e62f';}
.fdayicon-donate:before{content:'\e63e';}
.fdayicon-info:before{content:'\e647';}
/*
    new add icon of xiaomi life
    bg rose 20150629
*/
.fdayicon-import:before{content:'\e648';}
.fdayicon-domestic:before{content:'\e649';}
.fdayicon-newpro:before{content:'\e64a';}


/*  Effects */
@keyframes loadingeffect{
	from {transform: rotate(0deg);;}
	to {transform: rotate(360deg);}
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes anibgc {
	from { opacity:0; -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0);}
	to {  opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    /*opacity: 0;*/
    -webkit-transform: translate3d(0, -800px, 0);
            transform: translate3d(0, -800px, 0);
  }
  60% {
    /*opacity: 1;*/
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
    /*opacity: 0;*/
    -webkit-transform: translate3d(0, -800px, 0);
            transform: translate3d(0, -800px, 0);
  }
  60% {
    /*opacity: 1;*/
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
            transform: translate3d(0, 800px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 800px, 0);
            transform: translate3d(0, 800px, 0);
  }
}

/*global css*/
.modal.fade .modal-dialog{position:absolute; top:50%; margin:-50% 0 0;}
.m-form-tips{padding:10px; margin:10px 0; }
.m-global-tips .modal-content{background:rgba(0,0,0,.5);}
.g-confirm-dialog .modal-footer{padding:10px; text-align:center;}
.g-confirm-dialog .btn{min-width:70px; margin:0 5px; font-family:'microsoft yahei';}
.m-component-pay,
.m-component-loading{position:fixed; top:50%; left:50%; margin-top:-50px; margin-left:-50px; padding-top:30px; width:100px; height:100px; text-align:center; border-radius:10px; background:rgba(0,0,0,.45); z-index:3000;}
.m-component-loading .fdayicon-loading{font-size:3.2em; -webkit-animation:loadingeffect 0.8s linear infinite; animation:loadingeffect 0.8s linear infinite; }
.m-component-pay .fdayicon-paysuc{font-size:1.5em;}
.m-component-pay{font-size:1.2em; color:#fff;}
.m-component-404{position:relative; width:100%;}
.m-404img{height:100%;}
.m-404tips{display:block; position:absolute; bottom:20px; width:100%; text-align:center; font-size:1.1em; line-height:1.5em}
.m-404link{text-decoration:underline; }
.m-global-tips{position:fixed; top:40%; left:50%; width:280px; padding:15px; margin-top:-50px; margin-left:-140px; border-radius:6px; background:rgba(0,0,0,.6); box-shadow:0 3px 9px rgba(0,0,0,0.6); z-index:2000; }
.m-ani-in{-webkit-animation:bounceInDown 1s linear}
.m-ani-out{-webkit-animation:bounceOutDown 1s linear}
.m-global-tips>dl{margin:0; font-size:1em; line-height:20px; color:#fff;}
.m-global-tips>dl>dt{float:left; width:50px; height:50px; line-height:50px; font-size:2.6em; font-family:'icomoon'; color:rgba(255,255,255,.9); } 
.m-global-tips>dl>dd{float:left; width:190px;}
.m-global-tips>dl>dd>p{margin-bottom:5px;}
.m-global-tips>dl>dt.m-global-suctips:before{content:'\e624';}
.m-global-tips>dl>dt.m-global-failtips:before{content:'\e625';}
.m-global-tips>dl>dt.m-global-confirm:before{content:'\e629';}
.m-global-btngroup{padding-top:15px; margin-top:20px; border-top:1px solid rgba(255,255,255,.6);}
.m-global-btngroup .btn{min-width:80px; margin:0 5px;}
.m-ani-inR{-webkit-animation:fadeInRight .6s cubic-bezier(0, 1.03, .25, .99) both}