@charset 'utf-8'; /*remove the gray background color from tap, default value is inherit*/ html{min-height:100%;-webkit-tap-highlight-color: transparent;} body{min-height:100%;font-family:'Microsoft Yahei', 'Arial'; font-size:14px; color: #666666; -webkit-overflow-scrolling: touch; background-color: #fff;} /*dt,li没有margin和padding*/ body,h1,h2,h3,h4,h5,h6,dl,dd,p,th,td,form,figure{ margin:0; } ul,ol,menu{ margin:0;padding:0; } ul{list-style-type: none;text-align: center} img{ vertical-align: middle; border:0; max-width:100%;} table{ border-collapse: collapse; border-spacing: 0; } a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent;font-size:12px;color:#666666; transition:all 300ms ease 0s;} i { font-style:normal; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h1,h2,h3,h4,h5,h6{ line-height: 2; font-weight: normal; } h4,h5,h6{ font-size: 14px; } button,input,optgroup,select,textarea{box-sizing:border-box;border:0;font-family: 'Microsoft Yahei';} button,input{border-radius:0;padding:0; outline: none; margin:0} textarea,input{-webkit-user-modify: read-write-plaintext-only;/*Android 下 input focus 消除高亮外框*/} /**********常用类简写***********/ .pro-list li .pro-options{ width:calc(100% - 12px);} .address_open .address-box .a-b-middle{margin-top: calc((100vh - 500px) / 2);} .w100{ width:100%;} .h100{ height:100%;} .w50{ width:50%;} .w_50{ width:45.67%; margin-left: 2.165%; margin-right: 2.165%;} .w65{ width:65%;} .mla{ margin-left:auto;} .mra{ margin-right:auto;} .ma{ margin-right:auto; margin-left: auto;} .img100{ width:100%; height:100%;} .imgauto{ width:100%; height:auto;} .imgh100{ width:auto; height:100%} .imgwha{ max-width: 100%; width:auto; height:auto;} .imgam{ width:auto; max-width:100%; height:auto; max-height: 100%} .imgvt{ position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-height: 100%; max-width: 100%; width:auto; height:auto;} .imgvt85{position:absolute; left:0; top:0; bottom:0; right:0; margin:auto; max-height: 85%; max-width: 85%; width:auto; height:auto;} .mauto{max-width:1200px; margin:0 auto;} .clr{ display:block; clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;} .clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */ .ofhidden{overflow:hidden;} .ovh{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .ovh2{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ovh3{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .ovh4{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .vac{position: relative;top:50%;transform: translateY(-50%);} .mc{ color:#a721a8;} .c3{ color:#333333;} .c6{ color:#666666;} .c9{ color:#999999;} .c7{ color:#777777;} .c0{ color:#000;} .c47{ color:#474747;} .c41{ color:#414141;} .cc{ color:#cccccc;} .cf{ color:#fff;} .cred{ color:#ed314a;} .c-yellow{ color:#ffff00;} .g-green{ color:#9dcdb2;} .g-orange{ color:#eab67b;} .g-purple{ color:#b3bde1;} .g-blue{ color:#b9d2fa;} .cbf{ color:#bfbfbf;} .cc5{ color:#c5c5c5;} .ca0{ color: #a0a0a0;} .ce0{ color:#e0e0e0;} .c-bg{ background:#f6f6f6;} .cblue{ color:#21346e;} .cyellow{ color:#ffef74;} .fmst{ font-family: "宋体";} .fmarial{ font-family: "Arial";} .textunline{ text-decoration: underline;} .border-b{ border-bottom: 1px solid #dae2e8;} .border-t{ border-top: 1px solid #e4e4e4;} .bgcf{ background-color: #fff;} .c-bg7{ background:#f7f7f7;} .border2_top{border-top: 4px solid #a721a8;} .througth{ text-decoration: line-through;} .b_t_d{ border-top: 1px dashed #e3e3e3;} .l0{ left:0;} .t0{ top:0;} .z9{ z-index: 9;} .vt{ vertical-align:top;} .db{ display:block;} .dib{ display:inline-block;} .dn{ display:none;} .fl{ float:left;} .fr{ float:right;} .fb{ font-weight:bold;} .rel{ position:relative;} .abs{ position:absolute;} .fxd{ position:fixed;} .tac{ text-align:center;} .tal{ text-align:left;} .tar{ text-align:right;} .taj{ text-align:justify;} .fs12{ font-size:12px;} .fs14{ font-size:14px;} .fs16{ font-size:16px;} .fs18{ font-size:18px;} .fs20{ font-size:20px;} .fs22{ font-size:22px;} .fs24{ font-size:24px;} .fs26{ font-size:26px;} .fs28{ font-size:28px;} .fs30{ font-size:30px;} .fs32{ font-size:32px;} .fs34{ font-size:34px;} .fs36{ font-size:36px;} .fs38{ font-size:38px;} .fs40{ font-size:40px;} .fs42{ font-size:42px;} .fs44{ font-size:44px;} .fs46{ font-size:46px;} .fs48{ font-size:48px;} .fs60{ font-size: 60px;} .li16{ line-height:16px;} .li18{ line-height:18px;} .li20{ line-height:20px;} .li22{ line-height:22px;} .li24{ line-height:24px;} .li26{ line-height:26px;} .li28{ line-height:28px;} .li30{ line-height:30px;} .li32{ line-height:32px;} .li34{ line-height:34px;} .li36{ line-height:36px;} .li38{ line-height:38px;} .li40{ line-height:40px;} .li42{ line-height:42px;} .li44{ line-height:44px;} .li46{ line-height:46px;} .li48{ line-height:48px;} .li50{ line-height:50px;} .li52{ line-height:52px;} .li54{ line-height:54px;} .li55{ line-height:55px;} .li56{ line-height:56px;} .li58{ line-height:58px;} .li60{ line-height:60px;} .li62{ line-height:62px;} .mt5{ margin-top: 5px;} .mt10{ margin-top: 10px;} .mt15{ margin-top: 15px;} .mt20{ margin-top: 20px;} .mt25{ margin-top: 25px;} .mt30{ margin-top: 30px;} .mt35{ margin-top: 35px;} .mt40{ margin-top: 40px;} .mt45{ margin-top: 45px;} .mt50{ margin-top: 50px;} .mt55{ margin-top: 55px;} .mt60{ margin-top: 60px;} .mt65{ margin-top: 65px;} .mt70{ margin-top: 70px;} .mb5{ margin-bottom: 5px;} .mb10{ margin-bottom: 10px;} .mb15{ margin-bottom: 15px;} .mb20{ margin-bottom: 20px;} .mb25{ margin-bottom: 25px;} .mb30{ margin-bottom: 30px;} .mb35{ margin-bottom: 35px;} .mb40{ margin-bottom: 40px;} .mb45{ margin-bottom: 45px;} .mb50{ margin-bottom: 50px;} .mb55{ margin-bottom: 55px;} .mb60{ margin-bottom: 60px;} .mb65{ margin-bottom: 65px;} .mb70{ margin-bottom: 70px;} .ml5{ margin-left: 5px;} .ml10{ margin-left: 10px;} .ml15{ margin-left: 15px;} .ml20{ margin-left: 20px;} .ml25{ margin-left: 25px;} .ml30{ margin-left: 30px;} .ml35{ margin-left: 35px;} .ml40{ margin-left: 40px;} .ml45{ margin-left: 45px;} .ml50{ margin-left: 50px;} .ml55{ margin-left: 55px;} .ml60{ margin-left: 60px;} .ml65{ margin-left: 65px;} .ml70{ margin-left: 70px;} .mr5{ margin-right: 5px;} .mr10{ margin-right: 10px;} .mr15{ margin-right: 15px;} .mr20{ margin-right: 20px;} .mr25{ margin-right: 25px;} .mr30{ margin-right: 30px;} .mr35{ margin-right: 35px;} .mr40{ margin-right: 40px;} .mr45{ margin-right: 45px;} .mr50{ margin-right: 50px;} .mr55{ margin-right: 55px;} .mr60{ margin-right: 60px;} .mr65{ margin-right: 65px;} .mr70{ margin-right: 70px;} .pt5{ padding-top: 5px;} .pt10{ padding-top: 10px;} .pt15{ padding-top: 15px;} .pt20{ padding-top: 20px;} .pt25{ padding-top: 25px;} .pt30{ padding-top: 30px;} .pt35{ padding-top: 35px;} .pt40{ padding-top: 40px;} .pt45{ padding-top: 45px;} .pt50{ padding-top: 50px;} .pt55{ padding-top: 55px;} .pt60{ padding-top: 60px;} .pt65{ padding-top: 65px;} .pt70{ padding-top: 70px;} .pt80{ padding-top: 80px;} .pb5{ padding-bottom: 5px;} .pb10{ padding-bottom: 10px;} .pb15{ padding-bottom: 15px;} .pb20{ padding-bottom: 20px;} .pb25{ padding-bottom: 25px;} .pb30{ padding-bottom: 30px;} .pb35{ padding-bottom: 35px;} .pb40{ padding-bottom: 40px;} .pb45{ padding-bottom: 45px;} .pb50{ padding-bottom: 50px;} .pb55{ padding-bottom: 55px;} .pb60{ padding-bottom: 60px;} .pb65{ padding-bottom: 65px;} .pb70{ padding-bottom: 70px;} .pb80{ padding-bottom: 80px;} .pb85{ padding-bottom: 85px;} .pl5{ padding-left: 5px;} .pl10{ padding-left: 10px;} .pl15{ padding-left: 15px;} .pl20{ padding-left: 20px;} .pl25{ padding-left: 25px;} .pl30{ padding-left: 30px;} .pl35{ padding-left: 35px;} .pl40{ padding-left: 40px;} .pl45{ padding-left: 45px;} .pl50{ padding-left: 50px;} .pl55{ padding-left: 55px;} .pl60{ padding-left: 60px;} .pl65{ padding-left: 65px;} .pl70{ padding-left: 70px;} .pr5{ padding-right: 5px;} .pr10{ padding-right: 10px;} .pr15{ padding-right: 15px;} .pr20{ padding-right: 20px;} .pr25{ padding-right: 25px;} .pr30{ padding-right: 30px;} .pr35{ padding-right: 35px;} .pr40{ padding-right: 40px;} .pr45{ padding-right: 45px;} .pr50{ padding-right: 50px;} .pr55{ padding-right: 55px;} .pr60{ padding-right: 60px;} .pr65{ padding-right: 65px;} .pr70{ padding-right: 70px;} @media (max-width: 767px){ .fs12{ font-size:.12rem;} .fs14{ font-size:.14rem;} .fs16{ font-size:.16rem;} .fs18{ font-size:.18rem;} .fs20{ font-size:.20rem;} .fs22{ font-size:.22rem;} .fs24{ font-size:.24rem;} .fs26{ font-size:.26rem;} .fs28{ font-size:.28rem;} .fs30{ font-size:.30rem;} .fs32{ font-size:.32rem;} .fs34{ font-size:.34rem;} .fs36{ font-size:.36rem;} .fs38{ font-size:.38rem;} .fs40{ font-size:.40rem;} .fs42{ font-size:.42rem;} .fs44{ font-size:.44rem;} .fs46{ font-size:.46rem;} .fs48{ font-size:.48rem;} .li16{ line-height:.16rem;} .li18{ line-height:.18rem;} .li20{ line-height:.20rem;} .li22{ line-height:.22rem;} .li24{ line-height:.24rem;} .li26{ line-height:.26rem;} .li28{ line-height:.28rem;} .li30{ line-height:.30rem;} .li32{ line-height:.32rem;} .li34{ line-height:.34rem;} .li36{ line-height:.36rem;} .li38{ line-height:.38rem;} .li40{ line-height:.40rem;} .li42{ line-height:.42rem;} .li44{ line-height:.44rem;} .li46{ line-height:.46rem;} .li48{ line-height:.48rem;} .li50{ line-height:.50rem;} .li52{ line-height:.52rem;} .li54{ line-height:.54rem;} .li56{ line-height:.56rem;} .li58{ line-height:.58rem;} .li60{ line-height:.60rem;} .li62{ line-height:.62rem;} .mt5{ margin-top: .05rem} .mt10{ margin-top: .1rem} .mt15{ margin-top: .15rem} .mt20{ margin-top: .2rem} .mt25{ margin-top: .25rem} .mt30{ margin-top: .3rem} .mt35{ margin-top: .35rem} .mt40{ margin-top: .4rem} .mt45{ margin-top: .45rem} .mt50{ margin-top: .5rem} .mt55{ margin-top: .55rem} .mt60{ margin-top: .6rem} .mt65{ margin-top: .65rem} .mt70{ margin-top: .7rem} .mb5{ margin-bottom: .05rem;} .mb10{ margin-bottom: .1rem;} .mb15{ margin-bottom: .15rem;} .mb20{ margin-bottom: .2rem;} .mb25{ margin-bottom: .25rem;} .mb30{ margin-bottom: .3rem;} .mb35{ margin-bottom: .35rem;} .mb40{ margin-bottom: .4rem;} .mb45{ margin-bottom: .45rem;} .mb50{ margin-bottom: .5rem;} .mb55{ margin-bottom: .55rem;} .mb60{ margin-bottom: .6rem;} .mb65{ margin-bottom: .65rem;} .mb70{ margin-bottom: .7rem;} .ml5{ margin-left: .05rem;} .ml10{ margin-left: .1rem;} .ml15{ margin-left: .15rem;} .ml20{ margin-left: .20rem;} .ml25{ margin-left: .25rem;} .ml30{ margin-left: .3rem;} .ml35{ margin-left: .35rem;} .ml40{ margin-left: .4rem;} .ml45{ margin-left: .45rem;} .ml50{ margin-left: .5rem;} .ml55{ margin-left: .55rem;} .ml60{ margin-left: .6rem;} .ml65{ margin-left: .65rem;} .ml70{ margin-left: .7rem;} .mr5{ margin-right: .05rem;} .mr10{ margin-right: .1rem;} .mr15{ margin-right: .15rem;} .mr20{ margin-right: .2rem;} .mr25{ margin-right: .25rem;} .mr30{ margin-right: .3rem;} .mr35{ margin-right: .35rem;} .mr40{ margin-right: .4rem;} .mr45{ margin-right: .45rem;} .mr50{ margin-right: .5rem;} .mr55{ margin-right: .55rem;} .mr60{ margin-right: .6rem;} .mr65{ margin-right: .65rem;} .mr70{ margin-right: .7rem;} .pt5{ padding-top: .05rem} .pt10{ padding-top: .1rem} .pt15{ padding-top: .15rem} .pt20{ padding-top: .2rem} .pt25{ padding-top: .25rem} .pt30{ padding-top: .3rem} .pt35{ padding-top: .35rem} .pt40{ padding-top: .4rem} .pt45{ padding-top: .45rem} .pt50{ padding-top: .5rem} .pt55{ padding-top: .55rem} .pt60{ padding-top: .6rem} .pt65{ padding-top: .65rem} .pt70{ padding-top: .7rem} .pt80{ padding-top: .8rem} .pb5{ padding-bottom: .05rem;} .pb10{ padding-bottom: .1rem;} .pb15{ padding-bottom: .15rem;} .pb20{ padding-bottom: .2rem;} .pb25{ padding-bottom: .25rem;} .pb30{ padding-bottom: .3rem;} .pb35{ padding-bottom: .35rem;} .pb40{ padding-bottom: .4rem;} .pb45{ padding-bottom: .45rem;} .pb50{ padding-bottom: .5rem;} .pb55{ padding-bottom: .55rem;} .pb60{ padding-bottom: .6rem;} .pb65{ padding-bottom: .65rem;} .pb70{ padding-bottom: .7rem;} .pb80{ padding-bottom: .8rem;} .pb85{ padding-bottom: .85rem;} .pl5{ padding-left: .05rem;} .pl10{ padding-left: .1rem;} .pl15{ padding-left: .15rem;} .pl20{ padding-left: .20rem;} .pl25{ padding-left: .25rem;} .pl30{ padding-left: .3rem;} .pl35{ padding-left: .35rem;} .pl40{ padding-left: .4rem;} .pl45{ padding-left: .45rem;} .pl50{ padding-left: .5rem;} .pl55{ padding-left: .55rem;} .pl60{ padding-left: .6rem;} .pl65{ padding-left: .65rem;} .pl70{ padding-left: .7rem;} .pr5{ padding-right: .05rem;} .pr10{ padding-right: .1rem;} .pr15{ padding-right: .15rem;} .pr20{ padding-right: .2rem;} .pr25{ padding-right: .25rem;} .pr30{ padding-right: .3rem;} .pr35{ padding-right: .35rem;} .pr40{ padding-right: .4rem;} .pr45{ padding-right: .45rem;} .pr50{ padding-right: .5rem;} .pr55{ padding-right: .55rem;} .pr60{ padding-right: .6rem;} .pr65{ padding-right: .65rem;} .pr70{ padding-right: .7rem;} }