@charset "utf-8";
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;  margin: 0; padding: 0; border: 0;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
html {overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

/* =============================================================================
   排版规则
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
figure { margin: 0; }


/* =============================================================================
   表单
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* 指示“label”会将焦点移至相关联的表单元素 */
label { cursor: pointer; }

button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; border-width: 1px; font-family:'Microsoft YaHei','SimHei',Helvetica,Arial, sans-serif; font-size: 1.1rem;}

button, input { line-height: normal; *overflow: visible; }

/*
 * 在“table”中重新加入内边距，以避免 IE6/7 中的交迭和空白问题
 */

table button, table input { *overflow: auto; }

/*
 * 1. 显示手形光标，表示可以点击的表单元素
 * 2. 允许 iOS 中可点击的表单元素的样式
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/* 一致的框大小和外观 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/*
 * 删除 FF3/4 中的内边距和边框: h5bp.com/l
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. 删除 IE6/7/8/9 中的默认垂直滚动条
 * 2. 仅允许垂直调整大小
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; border-radius: 0; }
input[disabled],textarea[disabled] {background: transparent; opacity: 1; }

/* 用于表单验证的颜色 */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* chorme 自动填写下input黄色背景取出  */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {  -webkit-box-shadow: 0 0 0px 1000px white inset;}

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* structural elements 结构元素 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,
/* list elements 列表元素 */
dl, dt, dd, ul, ol, li,
/* text formatting elements 文本格式元素 */
pre,
/* form elements 表单元素 */
form, fieldset, legend, button, input, textarea,
/* table elements 表格元素 */
th, td,
/* img elements 图片元素 */
img { border: 0; margin: 0; padding: 0; -ms-interpolation-mode: bicubic;  }
img {width: 100%;}
/** 设置默认字体 **/
html, body{ font-family:'Microsoft YaHei','SimHei',Helvetica,Arial, sans-serif; font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em, i{font-style:normal;}

/** 重置列表元素 **/
ul, ol { list-style: none; }

a { color: #666666; text-decoration: none; 
	/* 移除移动端点击背景和边框 */
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
	-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
	-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
	-o-tap-highlight-color:rgba(0, 0, 0, 0);  
	tap-highlight-color:rgba(0, 0, 0, 0); 
}
/*
a:visited {  }
a:hover { }
*/
a:focus { outline: none; }

a:hover, a:active { outline: 0; }


/*清除浮动设置*/
.clearfix:before,
.clearfix:after { content:"."; display:block; height:0px; visibility:hidden;}
.clearfix:after { clear:both;}
.clearfix { zoom:1;} /*IE<8*/

/*****   公共样式  ******/
/*浮动公用样式*/
.fl {float:left;}
.fr {float:right;}

/*文字超出框显示省略号*/
.Omit {white-space:nowrap;text-overflow:ellipsis;}

/*ios按钮*/
input, textarea{-webkit-appearance:none; outline:none}
input[type=text]:disabled, textarea:disabled {background: transparent;}

.hide {display: none}

html,body {position: relative; _max-width: 900px; margin:0 auto; }


/* 定位 */
.fixedDom {position: fixed;}
.RelDom {position: relative;}
.AbsoDom {position: absolute;}


/* 阴影 */
.shadow,.shadowNoBg {position: fixed; background: rgba(0,0,0,.5) repeat;  height: 100%; width: 100%; z-index: 110; left: 0; top: 0;}
.shadowNoBg {background: none}

/*图标*/
.icoStyle {height: 2rem; width: 2rem;  display: inline-block; vertical-align: middle;  line-height: 2rem}

/*分割线*/
.splitline {height: 2rem; width: 1px; background: #dfdfdf; right: 0px; top: 50%; margin-top: -1rem; position: absolute; }

/* 底部线条 */
.border_top {border-top: 1px solid #dfdfdf;}
.border_top_null {border-top: 0;}
.border_bot {border-bottom: 1px solid #dfdfdf;}
.border_bot_null {border-bottom: 0;}
.border_updown {border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.border_null {border:0;}



/* 按钮样式 */
.btnStyle { border:1px solid #434343; color: #434343; text-align: center; border-radius: 4px;  line-height: 40px;  display: block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing: border-box;
}
.btnStyle a {color:#434343;}
.btn_BgRed {background: #f66465; color: #fff; border-color:#f66465; }
.btn_BgRed:hover {color: #fff;}
.btn_BgWhite {background:#fff; color: #f66465; border-color:#f66465;}
.btn_BorderRed {  border-color: #f66465; }
/*.btn_BgOrg {background: #f66465; color: #fff; border-color:#f66465;}*/
.color_Red {color:#f66465;}
.color_Gray {color:#979797;}
.color_Org {color:#ff9600;}


 /*水平盒模型*/
.HBox {
    display: box;
    display:-moz-box;
    display:-o-box;
    display:-ms-box;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}

/*垂直盒模型*/
.VBox {
    display: box;
    display:-moz-box;
    display:-o-box;
    display:-ms-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -ms-box-orient: vertical;
    box-orient: vertical;
}
/*盒模型分块*/
.Bflex1 {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
}
.Bflex2 {
    -webkit-box-flex: 2;
    -moz-box-flex: 2;
    -o-box-flex: 2;
    -ms-box-flex: 2;
    box-flex: 2;
}
.Bflex3 {
    -webkit-box-flex: 3;
    -moz-box-flex: 3;
    -o-box-flex: 3;
    -ms-box-flex: 3;
    box-flex: 3;
}
.Bflex4 {
    -webkit-box-flex: 4;
    -moz-box-flex: 4;
    -o-box-flex: 4;
    -ms-box-flex: 4;
    box-flex: 4;
}

.BoxCenter {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}

/***************************************** 公共 e  *******************************************/


/* swiper样式 */
.swiper-container {height: 100%; width: 100%;}
.swiper-slide {height: 100%; width: 100%;}
.swiper-slide .emptyOrder {position: relative; min-height: 500px;}
.swiper-slide a {display: block; height: 100%; width: 100%;}
.swiper-lazy-preloader {opacity: 0.4}

.silderBox {width: 100%; height: auto;}
.silderBox img {display: block; width: 100%; /*height: 100%*/}

/*.orderHead .swiper-pagination-bullet,
.headerNav .swiper-pagination-bullet {width: auto; height: auto; display: block; border-radius: 0; opacity: 1; background: none;}
.orderHead .swiper-pagination-bullet-active {color:#f66465; border-bottom: 2px solid #f66465}
.headerNav .swiper-pagination-bullet-active a {color: #f66465; border-bottom: 2px solid #f66465;}
*/

/* lay弹框样式 */
.layermcont,
.layermchild h3 {box-sizing: border-box; font-family: "Microsoft YaHei"; font-size: 16px;}
.layermcont .indexAddr,
.layermcont .addrDetail {text-align: left;}
.layermchild h3 { height: 40px; line-height: 40px;}
.layermend {top: 5px;}
/* 弹框按钮样式 确定是红色 */
.layermbtn span {font-family: 'Microsoft YaHei'; border-radius: 0;}
.layermbtn span:last-child {background:#f66465; color: #fff; }
.layermbox0 .layermchild {min-width: 65%; overflow: hidden; border-radius: 4px;}





.rotate180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(  90deg);
}


/* 运动旋转 */
/* 转圈 */
.myRotate{
    animation: rotate 10s linear 0s infinite normal;
    -webkit-animation:rotate 10s linear 0s infinite normal;
}

.myRotateRefresh{
    animation: rotate 1s linear 0s infinite normal;
    -webkit-animation:rotate 1s linear 0s infinite normal;
}

.myRotateFast{
    animation: rotate 0.5s linear 0s infinite normal;
    -webkit-animation:rotate 0.5s linear 0s infinite normal;
    /*-webkit-transition:0.8s left linear,0.8s top ease-in, 1.5s opacity linear,0.1s 0.5s visibility linear ;
    -o-transition: 0.8s left linear,0.8s top ease-in, 1.5s opacity linear,0.1s 0.5s visibility linear;
    transition: 0.8s left linear,0.8s top ease-in, 1.5s opacity linear,0.1s 0.5s visibility linear;*/
}


.myanimated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.myanimated.mybounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

.mybounceIn {
    -webkit-animation-name: mybounceIn;
    animation-name: mybounceIn
}






@-webkit-keyframes rotate{
    0%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg) ;
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg) ;
        transform: rotate(360deg);
    }
}
@keyframes rotate{
    0%{
        -webkit-transform: rotate(0deg) ;
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg) ;
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg) ;
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg) ;
        transform: rotate(360deg);
    }
}


@-webkit-keyframes mybounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    60% {
        -webkit-transform: scale3d(.5,.5,.5);
        transform: scale3d(.5,.5,.5)
    }

    80% {
        -webkit-transform: scale3d(.8,.8,.8);
        transform: scale3d(.8,.8,.8)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes mybounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-animation-timing-function: cubic-bezier(0.215,.61,.355,1);
        animation-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    20% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    40% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    60% {
        -webkit-transform: scale3d(.5,.5,.5);
        transform: scale3d(.5,.5,.5)
    }

    80% {
        -webkit-transform: scale3d(.8,.8,.8);
        transform: scale3d(.8,.8,.8)
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}




@media screen and (min-width:260px){
    html,body {font-size:10px;}
}

@media screen and (min-width:320px){
    html,body {font-size:12px;}
}
@media screen and (min-width:360px){
    html,body {font-size:13px;}
}
@media screen and (min-width:375px){
    html,body {font-size:14px;}
}

@media screen and (min-width:414px){
    html,body {font-size:14px;}
}

@media screen and (min-width:430px){
    html,body {font-size:14px;}
}

@media screen and (min-width:480px){
    html,body {font-size:14px;}
}

@media screen and (min-width:568px){
    html,body {font-size:15px;}
}

@media screen and (min-width:860px){
    html,body {font-size:16px;}
}