/*by-cy*/
*{ margin: 0; padding: 0; box-sizing:border-box;vertical-align:baseline;}
*:focus {outline:none;}
html,body{ height:100%;}
body {margin: 0; padding:0; background: #efefef; position:relative; font-family: "Microsoft Yahei",Tahoma,Helvetica,Arial;;}
img{border:0; vertical-align:middle; width: 100%; max-width:100%; max-height:100%}
input,input:focus, button, button:focus {-webkit-appearance:none;outline:none}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer; border:none}
button[disabled],html input[disabled]{cursor:default}
input[type=radio],input[type=checkbox],select{border:0;background-image:none; background-color: transparent;}
input[type=submit]{cursor:pointer}
ul,ol,li{list-style-type:none}
select,img{vertical-align:middle;outline:none}
a{cursor: pointer}
a,a:hover,a:focus{ text-decoration:none;}
i,em{font-style: normal;}
h1, h2, h3, h4, h5, h6,{font-weight:normal}
.clearfix{zoom:1}
.clearfix:after,.f-clearfix:before{display:table;content:''}
.clearfix:after{clear:both}
.clear{ clear:both}
textarea{resize:none;}
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;
    color: inherit;}
html{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;}
input,select,textarea{font-size: inherit;}
body{min-height: 19.2rem}
/* 字体及颜色 */
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:0.5rem;}
button,input{font-family: "microsoft yahei";}
/*transition*/
[class*="btn-"]{-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;}
[class*="btn-"]:active{opacity: .7;}
.hide,.show{-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;}
.f-0910{font: 400 0.9rem/1rem "microsoft yahei"}
.f-0815{font: 400 0.8rem/1.5rem "microsoft yahei"}
.f-7215{font: 400 0.72rem/1.5rem "microsoft yahei"}
.f-0710{font: 400 0.7rem/1rem "microsoft yahei"}
.f-0716{font: 400 0.7rem/1.6rem "microsoft yahei"}
.f-6515{font: 400 0.65rem/1.5rem "microsoft yahei"}
.f-6510{font: 400 0.65rem/1.0rem "microsoft yahei"}
.f-65{font: 400 0.65rem/0.65rem "microsoft yahei"}
.f-6208{font: 400 0.62rem/0.8rem "microsoft yahei"}
.f-0608{font: 400 0.6rem/0.8rem "microsoft yahei"}
.f-0610{font: 400 0.6rem/1rem "microsoft yahei"}
.f-5508{font: 400 0.55rem/0.8rem "microsoft yahei"}
.f-0508{font: 400 0.5rem/0.8rem "microsoft yahei"}
.f-5518{font: 400 0.55rem/1.8em "microsoft yahei"}
.f-333{color:#333}
.f-666{color:#666}
.f-999{color:#999}
.font_ab{color:#ababab}
.f-white{color:#fff}
.f-green{color:#8ec31e}
.f-blue{color:#009bf1}
.f-red{color:#f00}
.f-yellow{color:#ff0}
.f-pink{color:#ff649b}
.f-rose{color:#cb224f}
.bg-white{ background:#fff}
.bg-green{ background:#8ec31e}
.bg-red{ background:#e6152b}
.bg-cyan{ background:#08c8a8}
.bg-ce{background:#cecece}
.bg-f4{background:#f4f4f4}
.bg-ef{background:#efefef}
.bg-pink{background:#ff649b}
.bdbt-none{border-bottom: none !important;}
.bdt-bgw{border-top: 1px solid #ebebeb; background: #fff;}
.bdtb-bgw{border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb ; background: #fff;}
.mh10{min-height: 10rem;}
.mh17{min-height: 17rem;}
.mh20{min-height: 20rem;}
.h18{ height:18rem}
/* 定位 */
.fl{ float:left;}
.fr{ float:right;}
.fm{margin-left:auto; margin-right:auto}
.pos_re{ position:relative}
.txt-ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mt1p{ margin-top:1px}
.mt2{ margin-top:2rem}
.mt1{ margin-top:1rem}
.mt1p{ margin-top:1px}
.mt22{ margin-top:2.2rem}
.mt02{ margin-top:0.2rem}
.mt03{ margin-top:0.3rem}
.mt04{ margin-top:0.4rem}
.ml02{ margin-left:0.2rem}
.ml04{ margin-left:0.4rem}
.ml08{ margin-left:0.8rem}
.ml10{ margin-left:1rem}
.ml32{ margin-left:32%}
.ml125{ margin-left:1.25rem}
.mr02{ margin-right:0.2rem}
.mr04{ margin-right:0.4rem}
.mb02{margin-bottom: .2rem;}
.mb05{margin-bottom: .5rem;}
.pd01{ padding:0.1rem}
.pd04{ padding:0.4rem}
.pd0406{padding:0.4rem 0.6rem}
.pd0610{padding:0.6rem 1rem}
.hide {display:none !important}
.hidden{overflow: hidden;}
.block{ display:block !important}
.inblock{display: inline-block;}
.text-mid{ text-align:center}
.text-right{ text-align:right}
.text-left{ text-align:left}
.box90m{ width:90%; margin-left: 5%;}
.box70m{ width:70%;margin-left: 15%;}
.box80m{width: 80%; margin-left: 10%;}
.box60m{width: 60%; margin-left: 20%;}
/* 边距布局 */
.ps-r{ position:relative}
.ps-fix{ position:fixed}
.ps-ab{ position:absolute}
.tm{ text-align:center}
.tr{ text-align:right}
.img-box{line-height: 0;}
.img-box>img{width: 100%;}
.img-box>a>img{width: 100%;}
.bdl0{ border-left:none}
.em2{text-indent: 2em;}
.em3{text-indent: 3em;}
.em-3{text-indent: -3em;}
.pdl-3em{padding-left: 3em;}

.warper{ position:relative; margin: 0 auto; max-width: 16rem; width: 16rem; overflow: hidden; top: 0;}
/*分栏*/
.ul50{ width:100%;}
.ul50 li{ width:50%; float:left;}
.ul48{ width:100%;}
.ul48 li{ width:48%; float:left; margin-left: 1%; margin-right: 1%; overflow: hidden;}
.ul25 li { width: 25%; float: left; display: inline-block; padding: 0; text-align: center; box-sizing: border-box}
.ul23 li { width: 23%; float: left; display: inline-block; padding: 0; text-align: center; box-sizing: border-box; margin: auto 1%;}
.ul25 li p，.ul33 li p{font:400 0.6rem/1.4rem "microsoft yahei"; color:#666;}
.ul33 li{ width: 33.33%; float: left; display: inline-block; text-align: center;}
.ul33,.ul31,.ul29,.ul25,.ul23{ width: 100%; margin-left: auto ;margin-right: auto;}
.ul31 li{ width: 31.33%; float: left; display: inline-block; text-align: center; margin-left: 1%;margin-left:1%;}
.ul29 li{ width: 29%; float: left; display: inline-block; text-align: center; margin-right: 2%;margin-left: 2%;}
.ul20 { width: 100%; margin:0 auto }
.ul20 li { width: 20%; float: left; display: inline-block; text-align: center; }
.ul16 li { width: 16.6%; float: left; display: inline-block; text-align: center;}
.ulml02 li{float: left; margin-left: .2rem;}
.ul50bd li{width: 50%; float: left; padding: .2rem; }
.ul50bd li:nth-of-type(odd){ border-bottom: 1px solid #efefef; border-right: 1px solid #efefef;}
.ul50bd li:nth-of-type(even){border-bottom: 1px solid #efefef;}
.bdlist li{width: 100%; position: relative; padding: .2rem .6rem; border: 1px solid #aaa; border-radius: .2rem; font: 400 0.65rem/.65rem "microsoft yahei"; margin-top: .4rem; color:#666;}
.mid-li li{text-align: center;}
.ul20 img{display: block;}
/*个性风格及配色*/


hr{height:1px; border:none; border-top:1px solid #cecece;}
.hr03{ height:1px; border:none; border-top:0.3rem solid #cecece;}
.hrf4{ height:2px; border:none; border-top:0.3rem solid #f4f4f4;}
.chose01{ text-align:left; display: inline-block;}
.chose01 li{ display: inline-block; padding:0 .4rem; margin-right: .4rem;}
.chose01 li.on{ border: 1px solid #c40337; color: #c40337;}
.ul-blueline>li{border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0; font:400 0.6rem/3em "microsoft yahei"; color: #333; text-align: center;}
.ul-blueline>li.on{border-bottom: 3px solid #139cec; color: #139cec;}
.ul-redbd>li{border: 1px solid #d7d7d7; font:400 0.7rem/2.5em "microsoft yahei"; color: #707070; margin-bottom: .3rem; overflow: hidden;}
.ul-redbd>li.on{border:1px solid #ff004e; color: #ff004e;}
.bd-r04{border-radius: .4rem;}
.bd-r06{border-radius: .6rem;}
.pd-b05{padding-bottom: .5rem;}
.price:before{content:"￥";}

/*btn*/
.btn-b-one{ width: 70%; margin-left: 15%; color: #fff; padding: .5rem; border-radius: .3rem; font-size: .68rem; letter-spacing: .2em;
    background: -webkit-linear-gradient(left top,#32abb4 , #30bb91);
    background: -o-linear-gradient(bottom right,#32abb4 , #30bb91); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right,#32abb4 , #30bb91); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right,#32abb4 , #30bb91);}
.btn-b.dis{background: #999;}


/*控件*/
[class*="pkg-"]{position: relative;}

.pkg-announce{padding: .2rem; display: block; position: relative; height: 1.6rem; overflow: hidden;}
.pkg-announce .icon{max-height: .8rem; width: auto;float: left; margin-top: .2rem;}
.pkg-announce ul{display:block;width: 78%; margin:left: 2%; float: left; font-size: .62rem;top: 0; line-height: 1.2rem; color: #666;}
.pkg-announce.scoll ul>li{width: 100%; float: left; }
.pkg-announce ul>li{float: left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.ul-row{display: flex;justify-content: space-around}
.ul-row li{flex: 1; font-size: .6rem; justify-content: space-between; justify-content: center; align-items：center}
.ul-row li img{width: 2rem; height: 2rem;display: block; margin-left: auto; margin-right: auto;}
.ul-row li span{display: block; width: 100%; text-align: center; margin-top: .2rem;}

.ul-list-item0 li{display:block; padding: .2rem; position: relative; width: 31.33%; margin:.2rem 1%; float: left; text-align: center;}
.ul-list-item0 li .tit{ margin-top: .2rem;font:400 0.52rem/0.8rem "microsoft yahei"; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: left;}
.ul-list-item0 li img{width:auto; height: 4rem; margin-top:0;}
.ul-list-item0 li .price{color: #cc2450; font:400 0.6rem/1.5em "microsoft yahei"; text-align: center; width: 100%;}
.ul-list-item0.ts li .time-stage{position: absolute; width: 100%; display: flex; min-height: 1.3rem; justify-content:center; align-items:center;  background: #26d591; color: #fff;font-size: .45rem; line-height:1.5em;text-align: center; padding: ..8rem .42rem; border-radius: .4rem .4rem 0 0;}
.ul-list-item0.ts li .time-stage.dis{ background: #ccc; }
.ul-list-item0.ts li img{ margin-top:1.4rem;}
/*控件》标题栏*/
.title-bar{position: relative; font-size: .65rem;}
.title-bar img{height: 1rem; width: auto; display: block;}

.pkg-time{display:block; font-size: 0; width: 4rem; height: 1.4rem;background:url(../images/time-bg.png) no-repeat;background-size:100%; }
.pkg-time span{margin-right: .45rem; margin-left: .15rem; color: #000; font-size: .7rem; line-height: .85rem;}
.pkg-time span:last-child{margin-right: 0;}
/*温馨提示*/
.wxts{color: #666; width: 96%; margin-left: 2%;}
.wxts p.title{font-size: .7rem; line-height: 2em;}
.wxts p{font-size: .55rem; line-height: 1.3em; margin-bottom: .2rem;}

/* 弹窗 */
.icon-close{display:inline-block;background-image:url(../images/close.png);background-size:100%;width:1.6rem;height:1.6rem;background-position:50% 50%;transform:rotate(0);-webkit-transition:all;transition:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-text-stroke-width:.2px;position:absolute;top:.1rem;right:10px}
.icon-close:hover{transform:rotate(180deg)}
.ui-dialog-close:before{-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;content:"";display:block;line-height:32px;position:absolute;top:0;0}
.ui-loading-wrap .ui-loading{margin:.3rem}
.ui-loading-block{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;background:rgba(0,0,0,.4);display:none;background:0 0}
.ui-loading-block .ui-loading-cnt{width:8rem;height:3rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-align:center;text-align:center;background:rgba(0,0,0,.65);border-radius:.3rem;color:#fff;font-size:.55rem}
.ui-loading-block .ui-loading-bright{margin:18px 0 8px}
.ui-loading-block.show{display:-webkit-box;display:box}
.ui-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:center;background:rgba(0,0,0,.5);display:none}
.ui-dialog.show{display:-webkit-box;display:box}
.ui-dialog-hd{height:1.6rem;line-height:1.4rem;text-align:center;position:relative}
.ui-dialog-cnt{border-radius:.45rem;width:86%; margin-top:10%;-webkit-background-clip:padding-box;background-clip:padding-box;pointer-events:auto;background-color:rgba(253,253,253,.95);position:relative;font-size:.68rem}
.ui-dialog-bd{min-height:2.4rem;border-top-left-radius:6px;border-top-right-radius:6px;padding:6px 18px;display:-webkit-box;display:box;-webkit-box-pack:center;-webkit-box-align:center;-webkit-box-orient:vertical}
.ui-dialog-hd>h4{font-size:.75rem;margin-bottom:.3rem;margin-top:.4rem;width:100%;text-align:center;color:#333}
.ui-dialog-bd>div{width:100%}
.ui-dialog-ft{border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem;display:-webkit-box;width:100%;box-sizing:border-box;-webkit-box-align:center;border-top:1px solid #e0e0e0;font-size:.65rem;height:1.8rem;line-height:1.8rem}
.ui-dialog-close:before{font-family:iconfont!important;font-size:1.4rem;line-height:1.6rem;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:.2px;display:block;color:rgba(0,0,0,.5);content:"";color:#828282;display:block;line-height:1.4rem;position:absolute;top:3px;right:3px}
.ui-dialog-close:active{opacity:.5}
.ui-dialog-ft button{color:#00a5e0;text-align:center;border-right:1px #e0e0e0 solid;width:100%;line-height:1.6rem;background:0 0;display:block;margin:0!important;-webkit-box-flex:1;font-size:.7rem}
.ui-dialog-ft button:active{background-color:rgba(0,0,0,.1)!important}
.ui-dialog-ft button:first-child{border-bottom-left-radius:.45rem}
.ui-dialog-ft button:last-child{border-right:0;border-bottom-right-radius:.45rem}

/*form*/
input::-webkit-input-placeholder{color:#ccc;line-height: inherit;}input:-moz-placeholder{color:#ccc;opacity:1;line-height: inherit;}
input::-moz-placeholder{color:#ccc;opacity:1;line-height: inherit;}input:-ms-input-placeholder{color:#ccc;line-height: inherit;}
input[type="text"],input[type="tel"],input[type="password"]{border: 1px solid #ccc;}
input[type='date']::-webkit-inner-spin-button{display: none;}
input[type=checkbox]{-webkit-appearance: none; background-color: transparent;appearance: none; width:0.8rem; height:0.8rem;vertical-align: bottom; background-image:url(../images/svg/check01.svg);background-position:0 100%;background-size:100%;outline:none;}
input[type=checkbox]:checked,input[type=checkbox].active{ background-position:0 0;background-color: transparent;}
.radio-icon{ display:inline-block; background-image:url(../images/svg/check01.svg); background-size:100%; width:1rem; height:1rem; background-position: 0 100%;}
.radio-icon.on{display:inline-block; background-image:url(../images/svg/check01.svg); background-size:100%; width:1rem; height:1rem; background-position: 0 0;}

/*表单*/
.forminfo table{ border-collapse:collapse; width:96%; margin:0 auto; text-align:center; border:1px solid #cecece;font: 400 0.55rem/1.4em "microsoft yahei";color:#666;}
.forminfo table thead{ background:#f4f4f4; color:#333}
.forminfo table td{ border:1px solid #cecece; text-align:center; padding-bottom: .3rem; padding-top: .3rem;}
.forminfo p{font: 400 .45rem/1rem "microsoft yahei"; color:#666;}
.forminfo table caption{ text-align:left; color:#006fbd}
.formlable p{font: 400 .6rem/1.2rem "microsoft yahei"; vertical-align: top; color:#666; margin-top: .2rem; word-break:break-all}
.formlable p>label{display:inline-block;width: 40%; text-align: right;}
.formlable p>input[type='text'],.formlable p>input[type='tel']{width: 50%; text-align: left; font-size: .6rem; line-height: 1em; padding:.3rem .4rem;}
.formlable p>input[type='text'].yzm{display:inline-block;width:7em;}
.formlable p>input[type="radio"]{display: inline-block;background-color: transparent; width: .8rem; height: .8rem; line-height: inherit; vertical-align: middle; -webkit-appearance:radio; appearance:grey; outline:none;}
.formlable .yzm-img{display:inline-block;width: 3.8rem;height: 1.1rem; background: #f00;}
.formrecord p{font: 400 .68rem/1.2rem "microsoft yahei"; vertical-align: top; color:#666; margin-top: .4rem; padding-bottom: .4rem;}
.formrecord p>label{display:inline-block;width: 30%; text-align: right; vertical-align: vertical-align: middle;;}
.formrecord p>input[type='text'],.formrecord p>input[type='tel']{width: 55%; font-size: .6rem;line-height: 1.2em; text-align: left; padding:.3rem .4rem;}
.formrecord p>input[type='date']{width: 30%; font-size: .6rem;line-height: 1.2em; text-align: center; padding:.2rem .1rem;border: 1px solid #cecece;}
.formrecord p>input[type='text'].yzm{display:inline-block;width:6em;float: left; margin-left: .2rem;}
.formrecord p>select{text-align: left; font-size: .6rem; line-height: 1em; padding:.3rem .4rem; border: 1px solid #ccc; vertical-align: middle;}
.formrecord .yzm-btn{display:inline-block; float:left; width: 4.4rem; font-size: .6rem; line-height: 1.48rem; background: #0085d0; text-align: center; color: #fff; overflow: hidden; margin-left: .2rem;}
.formrecord p>textarea{border: 1px solid #ccc; vertical-align: top; min-height: 6em; font: 400 .6rem/1rem "microsoft yahei"; padding:.3rem;width: 55%;}
.yzm-img>img{width: 100%;}

.t-column tr>td{background: #fff; line-height: 2em; font-size: .6rem;}
.t-column tr>td:first-child{background: #f8f8f8; color: #000;}
.t-column-blue tr>td:last-child{color: #0084cf;}
.t-column thead>tr>td{ background:#f8f8f8; color:#333}

[class*="icon-"]{ display:inline-block; background-image:url(../images/svg/icon.svg); background-size:200%; width:1rem; height:1rem;background-position:0 0}
.icon-more{background-position:0 0}



.header{height:2rem; background-color:#fff; border-bottom: solid 1px #eaeaea; width:100%; max-width:16rem;position: absolute; top:0px;z-index:999; text-align:center; margin-left: auto; margin-right: auto;}
.header.fixed{position: fixed;}
.header h2{ margin:0 auto; font:500 .7rem/1.9rem "microsoft yahei"; color:#000;}
.header .right{ position: absolute; right: .2rem; top: 0;font:400 0.65rem/2rem "microsoft yahei"; color:#333;  }
.header .left-back{position: absolute; left: .1rem; top: 0; font:400 0.7rem/1.9rem "microsoft yahei"; color:#333; padding-left:1.3rem;}
.nav-back{ display:block; width:1.5rem; height:1.5rem;  background:url(../images/svg/top-ico.svg) no-repeat 50% 75%;background-size:100%; position:absolute; left:0; top:0.2rem}
.nav-more{ display:block; width:1.3rem; height:1.3rem;  background:url(../images/svg/top-ico.svg) no-repeat 50% 100%;background-size:100%; position:absolute; right:0.3rem; top:0.4rem}
.nav-seach{ display:block; width:1.3rem; height:1.3rem;  background:url(../images/svg/top-ico.svg) no-repeat 50% 50%;background-size:100%; position:absolute; right:0.3rem; top:0.4rem}
.nav-add{ display:block; width:1.3rem; height:1.3rem;  background:url(../images/icon-add.png) no-repeat 50% 50%;background-size:100%; position:absolute; right:0.3rem; top:0.4rem}
.shopping-ico{display:block; width:1.2rem; height:1.2rem; background:url(../images/shopping-ico.png) no-repeat 0 0;background-size:100%; position:absolute; right:2.2rem; top:0.4rem}
.item-attr{ display:inline-block;width: 94%; margin: .15rem 3% ; border: 1px solid #e4e5e9; font:400 0.65rem/1.4rem "microsoft yahei"; color: #999; }
.item-attr-on{width: 94%; margin: .15rem 3% ; border: 1px solid #ff8700; font:400 0.65rem/1.4rem "microsoft yahei"; color: #333; background:#FFF url(../images/icon/cho_gou.png) no-repeat scroll right bottom/.6rem .6rem;}


.ul-con{font-size: .65rem;}

.error-img{background: #efefef; padding-bottom: .8rem;}
.error-img>img{width: 34%; margin-left: 33%; margin-top: 20%;}
.error-img>p{font-size: .68rem; text-align: center; color: #888; margin-top: 1rem;}

.suc-img{background: #fff; padding-bottom: .2rem;}
.suc-img>img{width: 30%; margin-left: 35%; margin-top: .2rem;}
.suc-img>p{font-size: .68rem; text-align: center; color: #666;}

.agreement-info{color:#3C3C3C; width: 94%; margin-left: 3%;}
.agreement-info h3{text-align: center; font-size: .75rem; line-height: 2em; color: #3c3c3c; font-weight: 600;}
.agreement-info .ipt{font-weight: 600; text-decoration: underline;}

.img-table>table td{display:table-cell; vertical-align:middle}
.img-table img{ display: table-cell; vertical-align: middle; text-align: center;}
.home-menu img{width: 2rem;height: auto;border-radius: .4rem;}
.home-menu span {width: 100%;}