/***********************************
 *** 全局初始化
 **********************************/
* { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0); box-sizing:border-box; }
a, a:link, a:visited, a:hover, a:active { color:#333; text-decoration:none; }
html { min-height:100%; }
body { width:100%; min-height:100%; max-width:640px; min-width:320px; margin:0 auto; font:.24rem/1.8 "Microsoft Yahei", Arial; color:#333; background:#f5f5f5; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; overflow-x: hidden; }
img { border:0px; }
h1, h2, h3, h4, h5, h6, h7 { font-size:.24rem; }
ul, ol { list-style-type:none; }
button,select,textarea { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
input[type="button"],button { outline:none; font-family:"Microsoft Yahei", Arial; font-size:.24rem; -webkit-appearance:none !important; }
table { border-collapse:collapse; border-spacing:0; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input:-moz-placeholder, textarea:-moz-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; } 
.clearfix:after { content:""; display:block; clear:both; width:100%; height:0; line-height:0; font-size:0; }
.wrap { max-width:640px; width:100%; position:relative; margin:0 auto; }
.wrapper { width:100%; background:none; box-shadow:0 1px 2px rgba(0,0,0,0); padding:.8rem 0; }
.wrapper.user { padding-bottom:0; }




/***** z-index 层级
 * #header    100
 * #searcher   110
 * #header     102
 * #panelOrder  103
 * #detailButton  100
 * 红色 0c6aca
 ****************/



/***********************************
 *** 通用布局
 **********************************/
.header { position:relative; width:100%; z-index:100; background: #0c6aca; padding-bottom:0.1rem;}
.header .lo_top{ height:1rem; width:100%;}
.header .logo { position:absolute; left:1.74rem; top:0.18rem; width:3.07rem;}
.header .logo img { display:block; margin:0 auto; width:1.82rem; }
.header .search1 { height:.7rem; margin:0.14rem .23rem 0 0.23rem; background-color:#0c6aca;transition: all ease 300ms; }
.header .search1 .txt { width:100%; height:.5rem; line-height: .5rem; border:0; padding:0 .2rem 0 .5rem; border-radius:.5rem; background:#FFF url(../images/icon-top-sear.png) no-repeat .15rem center; background-size: .3rem auto; }
.header .links { position:absolute; right:0.08rem; top:0.14rem; width:.8rem; height:.7rem; line-height:.7rem; text-align:center; }
.header .links a { color:#FFF; display:block; line-height:0.4rem; }
.header .links .user { margin-top: 0.1rem;text-indent:-99rem; overflow:hidden; background:url(../images/ico-user.png) center center no-repeat; background-size:.5rem; }
.header .xin{ display:block; width:0.52rem; height:0.22rem;background:url(../images/hk7_03.png) center center no-repeat; background-size:100%; position:absolute; left:0.24rem; top:0.34rem; }

.header.fixed{ position:fixed; left:0; top:0;}
.header.fixed .logo{ display:none;}
.header.fixed .search1{ width:4rem; position:absolute; left:50%; margin-left:-2rem; top:0.1rem;}

.header-min { position:fixed; left:0; top:0; width:100%; height:.7rem; background:#f5f5f5; background:-webkit-linear-gradient(top, #fff, #efefef); border-bottom:1px solid #ddd; z-index:102; }
.header-min.show { -webkit-animation:slide_down .3s linear forwards; animation:slide_down .3s linear forwards; }
.header-min.hide { -webkit-animation:slide_up .3s linear forwards; animation:slide_up .3s linear forwards; }
.header-min h2 { line-height:.7rem; text-align:center; font-size:.28rem; font-weight:400; }
.header-min .back { position:absolute; left:0; top:0; width:.7rem; height:.7rem; overflow:hidden; text-indent:-99rem; background:url(../images/ico-back.png) center center no-repeat; background-size:.3rem; }
.header-min .links { position:absolute; right:0; top:0; width:.7rem; height:.7rem; line-height:.7rem; text-align:center; }
.header-min .links a { color:#FFF; display:block; }
.header-min .links .qlink { text-indent:-99rem; overflow:hidden; background:url(../images/ico-qlink.png) center center no-repeat; background-size:.4rem; }
.search { width:5rem; height:.7rem; padding:.1rem 0; margin:0.16rem .34rem 0.16rem 0.34rem;  margin:0 auto; }
.search .txt { width:100%; height:.5rem; line-height: .5rem; border:0; padding:0 .2rem 0 .5rem; border-radius:.5rem; background:#f8f8f8 url(../images/icon-top-sear.png) no-repeat .15rem center; background-size: .3rem auto; border:#dedede solid 1px; }
.header-min .odfiler { position:absolute; left:0; top:.8rem; width:100%; z-index:1000; }
.header-min .menu { background:#0c6aca; display:none; }
.header-min .menu .list { display:table; width:100%; }
.header-min .menu li { display:table-cell; width:25%; }
.header-min .menu li > * { display:block; text-align:center; line-height:.3rem; color:#FFF; font-size:.20rem; padding:.1rem 0; }
.header-min .menu li > *:before { content:''; display:block; margin:0 auto; width:.4rem; height:.4rem; }
.header-min .ico-home:before { background:url(../images/ico-home.png) center center no-repeat; background-size:.4rem; }
.header-min .ico-nav:before { background:url(../images/ico-nav.png) center center no-repeat; background-size:.4rem; }
.header-min .ico-car:before { background:url(../images/ico-car.png) center center no-repeat; background-size:.4rem; }
.header-min .ico-user:before { background:url(../images/ico-user.png) center center no-repeat; background-size:.4rem; }
.header-min .menu li.current { background:#cb1b23; }
.header-min .odfilter { width:100%; background:#fff; border-bottom:1px solid #ddd; }
.header-min .odfilter .list { width:100%; display:table; text-align:center; }
.header-min .odfilter li { display:table-cell; width:25%; height:.6rem; line-height:.6rem; }
.header-min .current { color:#F30;}
.header-min .ico-down:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.08rem; background:url(../images/ico-odfilter.png) -.6rem -.12rem no-repeat; background-size:1.1rem; }
.header-min .ico-normal:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.2rem; background:url(../images/ico-odfilter.png) 0 0 no-repeat; background-size:1.1rem; }
.header-min .ico-asc:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.2rem; background:url(../images/ico-odfilter.png) -.2rem 0 no-repeat; background-size:1.1rem; }
.header-min .ico-desc:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.12rem; height:.2rem; background:url(../images/ico-odfilter.png) -.4rem 0 no-repeat; background-size:1.1rem; }
.header-min .ico-filter:after { content:''; display:inline-block; vertical-align:middle; margin-left:.05rem; width:.27rem; height:.25rem; background:url(../images/ico-odfilter.png) -.8rem 0 no-repeat; background-size:1.1rem; opacity:.6; }
.header-min .tabbed { width:auto; margin:0 1.2rem; }
.header-min .tabbed li { width:33.33%; height:.7rem; line-height:.7rem; float:left; text-align:center; font-size:.26rem; cursor:pointer; }
.header-min .tabbed[md='4'] li { width:25%; }
.header-min .tabbed li.current { border-bottom:2px solid #0c6aca; }
#findpwForm{ min-height:11rem;}

.searcher { position:fixed; left:0; top:0; width:100%; height:100%; background:#f5f5f5; z-index:110; display:none; }
.searcher-input { position:relative; margin:0 3% 0 0; border-bottom:1px solid #ddd; margin-bottom:.2rem; }
.searcher-input .close { position:absolute; width:.8rem; height:.8rem; background:url(../images/ico-close.png) center center no-repeat; background-size:.4rem; z-index:1; }
.searcher-input .input { height:.8rem; padding:.1rem 0 .1rem .8rem; position:relative; }
.searcher-input .txt { width:100%; height:.6rem; padding:0 0 0 .2rem; border:1px solid #ddd; background:#FFF; border-radius:3px; }
.searcher-input .submit { position:absolute; right:0; top:.1rem; border:1px solid #ddd; width:.6rem; height:.6rem; background:url(../images/ico-sos.png) center center no-repeat #f8f8f8; background-size:.3rem; border-radius:0 3px 3px 0; }
.searcher-input .submit:active { background-color:#ddd; }
.searcher-hot, .searcher-history { position:relative; margin:0 3%; }
.searcher-hot { border-bottom:1px solid #ddd; }
.searcher-history .head, .searcher-hot .head { position:absolute; left:0; top:0; line-height:.6rem; }
.searcher-history .list, .searcher-hot .list { margin:0 0 0 .7rem; min-height:.6rem; overflow:hidden; }
.searcher-history .list { margin-bottom:.3rem; max-height:3.1rem; }
.searcher-hot .list { max-height:1.6rem; }
.searcher-hot .list li { float:left; margin:0 .2rem .2rem 0; }
.searcher-hot .list li a { display:block; height:.6rem; line-height:.6rem; background:#FFF; border-radius:.5rem; border:1px solid #ddd; padding:0 .2rem; color:#999; }
.searcher-hot .list li a:active { background:#f1f1f1; }
.searcher-history .list li { border-bottom:1px solid #ddd; }
.searcher-history .list a { display:block; line-height:.6rem; color:#999; }
.searcher-history .btn { margin:0 0 0 0; }
.searcher-history .btn a { display:block; height:.7rem; line-height:.7rem; text-align:center; margin:0 auto; background:#FFF; border:1px solid #aaa; margin:0 1rem; border-radius:3px; }
.searcher-history .btn a:active { background:#f1f1f1; }

.inav { background:#FFF; padding:0.12rem 0.34rem; margin-bottom:.2rem; border-top:#ededed solid 1px; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.inav .list { }
.inav li { float:left; width:33.3%; text-align:center; }
.inav a { display:block; padding:.2rem 0; }
.inav a img{ display:block; margin:0 auto; width:0.9rem;}
.inav a span{ display:block; width:100%; font-size:0.24rem; color:#333;  line-height:0.26rem; padding-top:0.1rem;}

.support{ text-align:center; padding: .1rem 0 .25rem; color: #999;}
.support a{ color: #999}
.footer { background:#1e1e1e; text-align:center; }
.footer .links { display:inline-block; padding-top:0.34rem;}
.footer .links li { float:left; margin:0 0.1rem; }
.footer .links a { display:block; color:#fff; padding:0 0.4rem; height:0.5rem; text-align:center; line-height:0.5rem; border:#fff solid 1px; border-radius:0.6rem; }
.footer .platforms { width:100%; display:table; text-align:center; padding:.3rem 1.5rem .1rem; border-bottom:1px solid #ddd; }
.footer .platforms li { display:table-cell; }
.footer .platforms a, .footer .platforms span { display:block; color:#666; }
.footer .platforms a { opacity:.5; }
.footer .platforms li *:before { content:''; width:.8rem; height:.8rem; background:#ddd; display:block; margin:0 auto; }
.footer .platforms .ico-mc:before{ background:url(../images/platforms-mc.png) center center no-repeat; background-size:contain; }
.footer .platforms .ico-pc:before{ background:url(../images/platforms-pc.png) center center no-repeat; background-size:contain; }
.footer .copyright { line-height:.5rem; padding:.2rem; font-size:0.24rem; text-align:center; color:#fff; }
.footer .copyright a{ display:inline-block; color:#fff; font-size:0.24rem;}

.floor_1_s{ background-color:#f8f8f8; padding:0 0.2rem;overflow: hidden;}
.floor_1_s ul{ display:flex; width:100%;flex-wrap: wrap;justify-content: space-around;}
.floor_1_s ul li{ width: 47%; height:1.36rem; float:left; margin-right:2%; position:relative; overflow:hidden; margin-top:0.14rem;}
.floor_1_s ul li:nth-child(2n){ margin-right:0;}
.floor_1_s ul li img{ display:block;width:2.8rem; height:1.36rem;transition: all .36s ease; }
.floor_1_s ul li h3{ font-size:0.26rem; color:#fff; line-height:0.26rem; position:absolute; left:0.22rem; top:0.22rem;}
.floor_1_s ul li span{ display:block; color:#fff; position:absolute; left:0.22rem; top:0.5rem;}

.floor_2_main{background-color:#f8f8f8; display:inline-block; width:100%; padding:0 0.24rem; padding-top:0.2rem;box-sizing: border-box;overflow: hidden; box-sizing: border-box;}
.floor_s_z{ display:none; background:url(../images/j4_03.jpg) center center no-repeat; width: 47%; height:3.48rem; background-size:100%; position:relative; float:left;}
.floor_s_z p{ position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:1.02rem; font-size:0.4rem; color:#fff; font-family:"Arial";}
.floor_2_y{ width:100%; background-color:#fff;box-shadow: 0px 5px 20px #ebe9e9; padding-bottom:0.24rem; overflow:hidden; padding-bottom:0.1rem;}
.floor_2_y ul{ display:flex; padding: 0 0.12rem;flex-wrap: wrap;}
.floor_2_y ul li{ display:block; width: 50%; margin-bottom: 0.2rem;}
.floor_2_y ul li b{ display:block; width: 90%; border:#dedede solid 1px; margin:0 auto; margin-top:0.1rem; overflow:hidden;}
.floor_2_y ul li b img{ display:block;width: 100%;}
.floor_2_y ul li h3{ font-weight: normal; font-size:0.24rem; color:#333; line-height:0.24rem; padding-top:0.14rem; padding-left:0.1rem;display:block;}
.floor_2_y ul li span{ font-size:0.22rem; color:#999; line-height:0.22rem; padding-top:0.1rem; padding-left:0.1rem;display:block;}
.floor_2_y ul li .a1{ display:block;margin-left:0.08rem;margin-top:0.1rem; border:#d6d6d6 solid 1px; width: 1.8rem; height:0.36rem; text-align:center;}
.floor_2_y ul li .a1 s{ display:block; width:0.2rem; height:0.2rem; background:url(../images/j5_03.png) center center no-repeat; float:left; margin-left:0.1rem; margin-top:0.06rem; background-size:100%;}
.floor_2_y ul li .a1 p{ font-size:0.22rem; float:left; line-height:0.34rem; color:#666; padding-left:0.1rem;}

.floor_2_y .h3{font-size: .3rem;
    font-weight: 400;
    padding: 0 0 0 .22rem;
    color: #333;
    padding-top: 0.12rem;
    margin-right: 1.5rem;
    overflow: hidden;}



/***********************************
 *** 商城首页
 **********************************/
.iadv-first { margin:0 auto; background:#FFF; margin-top:0.3rem; margin-bottom:.2rem; width:5.8rem; background-color:#fff;box-shadow: 0px 5px 20px #ebe9e9; }
.iadv-first .head { height:.7rem; line-height:.7rem; position:relative; /*border-bottom: 1px solid #f0f0f0;*/ }
.iadv-first .head h2 { font-size:.3rem; font-weight:400; padding:0 0 0 .22rem; color:#333; margin-right:1.5rem; overflow:hidden; }
.iadv-first .head .mo { /*float: right; margin-right: .2rem; color:#ab121e;*/ position: absolute;right: .2rem;top: 0;color: #0c6aca; }
.iadv-first .list { padding:0 0.22rem; padding-bottom:0.3rem; }
.iadv-first li {  width:2.48rem; float:left; margin-right:0.3rem; margin-bottom:0.3rem; }
.iadv-first li:nth-child(2n) { margin-right:0; }
.iadv-first li b{ margin:0 auto; display:block; width:2.46rem; height:2.46rem; border:#dedede solid 1px; margin:0 auto; overflow:hidden;}
.iadv-first li b img{ display:block;width:2.46rem; height:2.46rem;}
.iadv-first li h3{ font-weight: 400;font-size:0.26rem; color:#333; line-height:0.3rem; padding-top:0.14rem; white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.iadv-first li span{ font-size:0.22rem; color:#999; line-height:0.22rem; padding-top:0.1rem;}
.iadv-first li .a1{ display:block; border:#d6d6d6 solid 1px; width:1.8rem; height:0.4rem; text-align:center;}
.iadv-first li .a1 s{ display:block; width:0.2rem; height:0.2rem; background:url(../images/j5_03.png) center center no-repeat; float:left; margin-left:0.1rem; margin-top:0.08rem; background-size:100%;}
.iadv-first li .a1 p{ font-size:0.22rem; float:left; line-height:0.4rem; color:#666; padding-left:0.1rem;}
/*ipro*/
.ipro { margin:0 auto;width:5.72rem;}
.ipro .head {width:5.72rem;  height:0.71rem; background:url(../images/j6_03.jpg) center center no-repeat; margin-bottom:.12rem; margin-top:0.5rem; background-size:100%; position:relative; }
.ipro .head h2 { font-size:.3rem; font-weight:bold; padding-left:0.22rem; float:left; /*color:#ab121e;*/ color: #fff; text-transform:uppercase; line-height:0.71rem;}
.ipro .head h2 span{}
.ipro .head p{ float:right; font-size:0.22rem; color:#fff; line-height:0.3rem; padding-top:0.07rem; padding-right:0.68rem;}
.ipro .head p span{ display:block;}
/*.ipro .head .mo { float: right; margin-right: .2rem; color:#ab121e; }*/
.ipro .head .mo { position: absolute; right: .2rem; top: 0.22rem; color: #0c6aca; background:url(../images/j7_03.png) center center no-repeat; width:0.3rem; height:0.3rem; background-size:100%;}
.ipro .lio{ display:inline-block; width:100%;}
.ipro .lio li{ display:block; width:2.66rem; height:0.52rem; float:left; margin-right:0.4rem; margin-top:0.16rem;}
.ipro .lio li:nth-child(2n){ margin-right:0;}
.ipro .lio li a{ display:block; width:2.64rem; height:0.5rem; background-color:#fff; border-radius:0.5rem; text-align:center; line-height:0.5rem; border:#d8d8d8 solid 1px; font-size:0.24rem; color:#333;}


.ipro .list{ display:inline-block; margin-top:0.2rem;box-shadow: 0px 5px 20px #ebe9e9; }
.ipro .list { padding:0.1rem 0.22rem; background-color:#fff; }
.ipro .list li{  width:2.48rem; float:left; margin-right:0.3rem; padding:0.22rem 0; }
.ipro .list li:nth-child(2n) { margin-right:0; }
.ipro .list li b{ margin:0 auto; display:block; width:2.46rem; height:2.46rem; border:#dedede solid 1px; margin:0 auto; overflow:hidden;}
.ipro .list li b img{ display:block;width:2.46rem; height:2.46rem;}
.ipro .list li h3{ font-size:0.26rem; color:#333; line-height:0.3rem; padding-top:0.14rem;white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.ipro .list li span{ font-size:0.22rem; color:#999; line-height:0.22rem; padding-top:0.1rem;}
.ipro .list li .a1{ display:block; border:#d6d6d6 solid 1px; width:1.8rem; height:0.4rem; text-align:center;}
.ipro .list li .a1 s{ display:block; width:0.2rem; height:0.2rem; background:url(../images/j5_03.png) center center no-repeat; float:left; margin-left:0.1rem; margin-top:0.08rem; background-size:100%;}
.ipro .list li .a1 p{ font-size:0.22rem; float:left; line-height:0.4rem; color:#666; padding-left:0.1rem;}

.gen{ width:5.72rem; margin:0 auto; margin-top:0.24rem; margin-bottom:0.5rem;}
.gen a{ display:block; width:5.72rem; height:0.5rem; background-color:#0c6aca; border-radius:0.5rem; text-align:center; line-height:0.5rem; color:#fff;}

.floor_gy{ margin:0 auto; width:5.72rem;}
.floor_gy .w1210{ margin:0 auto; width:5.72rem;box-shadow: 0px 5px 20px #ebe9e9; background-color:#fff; margin-top:0.5rem;}
.floor_gy h3{ font-size:0.3rem; color:#e10009; line-height:0.3rem; font-weight:bold;padding: 0 .3rem; padding-top:0.4rem; text-align:center;}
.floor_gy .floor_g_x{ padding:0.22rem;}
.floor_gy .floor_g_x img{ display:block; width:100%;}
.floor_gy .flo_x{ padding-top:0.26rem;}
.floor_gy .flo_x p{ font-size:0.24rem; color:#666; line-height:0.4rem; text-indent:0.48rem;}
.floor_gy .gen{ margin-top:0.4rem;}

.indexXbanner{ display:block; height:0.87rem; width:5.72rem; margin:0 auto; margin-top:0.5rem;}
.indexXbanner img{ display:block; width:100%; height:0.87rem;}

.ipro .item { /*width: 25%; border-right: 1px solid #f0f0f0;*/  float: left; width: 45.5%;margin: 0 0 3% 3%; }
.ipro .item a {
    display: block;
}
.ipro .itemcon{ display:block; position:relative; width:100%; padding-bottom:114%; overflow:hidden; background:#fff; }
.ipro .itemcon a { position:absolute; left:0; top:0; width:100%; min-height:100%;  background:#fff; }
.ipro .itemcon .price{ color: #0c6aca; height:.2rem; line-height:.2rem; font-size: .2rem; text-indent: .1rem; font-weight: normal;}
/*.ipro .item figure { width:84%; margin-left: 8%; padding-bottom:84%; position:relative; background:#fff; overflow:hidden; }*/
.ipro .item figure {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background: #eee;
    margin-bottom: .1rem;
    overflow: hidden;
}
.ipro .item img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
/*.ipro .item h3 { font-weight:400; font-size: .22rem; height: .32rem; text-indent: .1rem; line-height:.38rem; overflow:hidden; color: #626262; }*/
.ipro .item h3 {
    font-weight: 400;
    height: .6rem;
    line-height: .3rem;
    overflow: hidden;
    margin-bottom: .1rem;
}
.ipro .item .price {
    border-bottom: 1px solid #ddd;
    height: .5rem;
    line-height: .5rem;
    font-size: .26rem;
    color: #0c6aca;
}
.ipro .item h4 { height:.2rem; line-height:.2rem; font-size: .2rem; text-indent: .1rem; color:#ababab; font-weight: normal; }
/*iadv-second*/
.iadv-second { background:#FFF; margin-bottom:.2rem; box-shadow:0 1px 2px rgba(0,0,0,.05); padding: 0 .2rem .2rem; }
.iadv-second .head { height:.6rem; line-height:.6rem; position:relative;  }
.iadv-second .head h2 { font-size:.28rem; font-weight:400; color:#ab121e; margin-right:1.5rem; overflow:hidden; }
.iadv-second .head .mo { float: right; margin-right: .2rem; color:#ab121e; }
.iadv-second .list { border: 1px solid #f0f0f0;  }
.iadv-second li {  width:30%; float:left; box-sizing: border-box; border-right: 1px solid #f0f0f0; }
.iadv-second li:first-child{ width: 40%;}
.iadv-second li:last-child{ border-right: 0;}
.iadv-second li a { display:block; position:relative; width:100%; padding-bottom:185%; overflow:hidden; background:#fff; }
.iadv-second img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.iadv-second li:first-child a { padding-bottom:140%; }
/*iRecom*/
.iRecom { background:#FFF; margin-bottom:.2rem; box-shadow:0 1px 2px rgba(0,0,0,.05); }
.iRecom .head { height:.6rem; line-height:.6rem; position:relative; }
.iRecom .head h2 { font-size:.26rem; font-weight:400; padding:0 0 0 .2rem;  margin-right:1.5rem; overflow:hidden; }
.iRecom .head .mo { font-size: .2rem; float: right; margin-right: .2rem; color:#ab121e; }
.iRecom .head s{ width: 17px; height: 17px; display: inline-block; vertical-align: middle; background: url(../images/index-login-icon.jpg) no-repeat 0 0; margin-right: 5px;}
.iRecom .list {}
.iRecom .item { float:left; width:45.5%; margin:0 0 3% 3%; }
.iRecom .item a { display:block; }
.iRecom .item figure { width:100%; padding-bottom:100%; position:relative; background:#eee; margin-bottom:.1rem; overflow:hidden; }
.iRecom .item img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.iRecom .item h3 { font-weight:400; height:.3rem; line-height:.3rem; overflow:hidden; margin-bottom:.1rem; }
.iRecom .item .price { border-top:1px solid #f0f0f0; height:.5rem; line-height:.5rem;  color:#0c6aca; }

/***********************************
 *** 登录、注册、找回密码
 **********************************/
.logreg { padding-top:.8rem; }
.logreg form { display:block; padding:.2rem 3% 0; }
.logreg-wram { color:#f15353; margin-bottom:.2rem; }
.logreg-wram:empty { display:none; }
.logreg .row { margin-bottom:.2rem; position:relative; }
.logreg .txt { width:100%; height:.7rem; padding:0 0 0 .2rem; background:#FFF; border:1px solid #ddd; border-radius:3px; font-size: 0.26rem;}
.logreg .txt2 { width:56%; height:.7rem; padding:0 0 0 .2rem; background:#FFF; border:1px solid #ddd; border-radius:3px; font-size: 0.26rem;}
.logreg .row  .yzm{cursor: pointer;height: .7rem;text-align: center;background: #ddd;color: #666;display: inline-block;padding: 0.08rem;border: none;box-sizing: border-box;}
.logreg .txt:focus,.logreg .txt2:focus,.logreg .focus { border-color:#f15353; }
.logreg .txt:focus,.logreg .txt2:focus,.logreg .focus { outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd; }
.logreg .submit { width:100%; height:.7rem; background:#f15353; border:0; color:#FFF; font-size:.28rem; border-radius:3px; }
.logreg .submit:active { box-shadow:0 0 0 1000rem rgba(0,0,0,.1) inset; }
.logreg .btn-password { position:absolute; right:.1rem; top:.1rem; width:1rem; height:.5rem; box-shadow:0 0 1px 2px rgba(0,0,0,.1) inset;  background:#FFF; border-radius:.5rem; border: none;}
.logreg .btn-password:before { content:''; width:.4rem; height:.4rem; border-radius:50%; position:absolute; box-shadow:0 0 1px 2px rgba(0,0,0,.1); background:#FFF; }
.logreg .btn-password:after { content:''; width:.6rem; height:.4rem; position:absolute; text-align:center; color:#999; }
.logreg .btn-on:before { left:.05rem; top:.05rem; }
.logreg .btn-on:after { content:'***'; right:.05rem; top:.05rem; line-height:.5rem; }
.logreg .btn-off { background:#f15353; color: #fff; }
.logreg .btn-off:before { right:.05rem; top:.05rem; }
.logreg .btn-off:after { content:'abc'; left:.05rem; top:.05rem; line-height:.4rem; color:#FFF; }
.logreg input[type="button"]:disabled{  background:#f15353; color: #fff; font-size: .22rem}

.logreg .btn-code { position:absolute; right:.2rem; top:.15rem; height:.4rem; padding:0 0 0 .2rem; border-left:1px solid #ddd; }
.logreg .btn-code img { display:block; height:100%; }
.logreg .findpasswod, .logreg .register { float:left; line-height:.5rem; color:#999; }
.logreg .findpasswod { float:right; }
.logreg .plain { color:#999; }
.logreg .plain a { color:#f15353; text-decoration:underline; }
.logreg article { background:#FFF; padding:.2rem 3%; }
.logreg article h3 { padding:.2rem 0 0; }

.logreg .row .rinput .input { width: 100%; height: 0.7rem; line-height: 0.7rem;padding:0 0 0 .2rem; background:#FFF; border:1px solid #ddd; border-radius:3px;background:#fff; }
.logreg .row .span1 { display: block; font-size: 0.26rem; color: red;}
.logreg .row .span2 { display: block; font-size: 0.26rem; color: #999;}


.logreg .row.qtdl {
    padding: 0 3% 0.2rem;
    color: #999;
}
.logreg .row.qtdl p {
    padding-top: 0.2rem;
    cursor: pointer;
}
.logreg .row.qtdl .btn-info {
    display: inline-block;
    margin-right: 0.2rem;
}
.logreg .row.qtdl .fa-qq {
    background-position: 0 0;
}
.logreg .row.qtdl i {
    width: 0.6rem;
    height: 0.8rem;
    background: url(../images/yjdl.png) no-repeat;
    display: block;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    background-size: 1.2rem auto;
}
.logreg .row.qtdl .fa-sina {
    background-position: -0.6rem 0;
}


/***********************************
 *** 网站分类
 **********************************/
.nav { position:absolute; left:0; top:.8rem; right:0; bottom:0; background:#FFF; z-index:101; }
.nav .side { position:absolute; left:0; top:0; width:1.5rem; height:100%; background:#fff; }
.nav .side .list { position:absolute; left:0; top:0; width:100%; }
.nav .side dd { padding:0 .2rem; border-bottom:1px solid #ddd; border-right:1px solid #ddd; margin-left:0; background:#f3f4f6; }
.nav .side span { display:block; padding:.3rem 0; font-size:.22rem; }
.nav .side dd.current { background:#FFF; border-right-color:#fff; }
.nav .main { position:absolute; left:1.5rem; top:0; right:0; width:auto; height:100%; background:#fff; }
.nav .scroll { position:absolute; left:0; top:0; width:100%; }
.nav .main .list { padding:.2rem; display:none; }
.nav .main .list:first-child { display:block; }
.nav .main .row {}
.nav .main h3 { color:#0c6aca; line-height:.6rem; }
.nav .main .cell {}
.nav .main li { float:left; width:33.33%; text-align:center;  }
.nav .main img { width:1rem; height:1rem; display:none; margin:0 auto; }
.nav .main a { display:block; line-height:.8rem; }

.gongcheckbox{ position: relative; margin:.25rem .2rem .1rem; padding: 0 0 0 .45rem; display: block; }
.gongcheckbox:before { content:''; display:block; background:#FFF; width:.3rem; height:.3rem; border:1px solid #999; border-radius:50%; position:
absolute; left:0; top:50%; margin:-.15rem 0 0; cursor:pointer; }
.gongcheckbox.checked:before { border-color: #0c6aca; background: url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size: contain; }

.userPoint .addjifen{ padding: .15rem .2rem 0; }
.userPoint .addjifen .userPoint-usePoint{ width: 2rem; height: .5rem; text-indent: 1em; line-height: .5rem; border: 1px solid #ddd; }
.userPoint .addjifenTxt{ padding-left: .1rem; padding-top: .06rem; }

/***********************************
 *** 商品列表
 **********************************/
.list-product {     margin: 0 auto;
    background: #FFF;
    margin-top: 0.3rem;
    margin-bottom: .2rem;
    width:100%;
    background-color: #fff;
    box-shadow: 0px 5px 20px #ebe9e9;}
.list-product .list { margin-bottom:.2rem; padding: 0 0.25rem;display: inline-block; padding-top:1.3rem; width:100%;overflow:hidden;}
.list-product.mjk .list{ padding-top:0.3rem;}
.list-product .list-row {     width: 47.5%; float: left; margin-right: 5%; margin-bottom: 0.3rem; position:relative; }
/*.list-product .list-row:before { content:''; width:auto; position:absolute; left:2rem; right:0; bottom:0; border-bottom:1px solid #f5f5f5; }
.list-product .list-row:active { background:#f5f5f5; }
*/
.list-product .list-row:nth-child(2n)  { margin-right: 0;}
.list-product .list-row a { display:block; }
.list-product .list-row figure {     margin: 0 auto;
    display: block;
    width: 2.78rem;
    height: 2.78rem;
    border: #dedede solid 0.02rem;
    margin: 0 auto;
    overflow: hidden;}
.list-product .list-row img {     display: block;
    width: 2.78rem;
    height: 2.78rem;}
.list-product .list-row h3 {    font-size: 0.26rem;
    color: #333;
    line-height: 0.3rem;
    padding-top: 0.14rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;}
.list-product .list-row .price { line-height:.4rem; }
.list-product .list-row .price .fee { color:#0c6aca; font-size:.28rem; vertical-align:middle; }
.list-product .list-row .price .fee-give, .list-product .list-row .price .fee-phone { display:inline-block; vertical-align:middle; width:.25rem; height:.25rem; background:url(../images/ico-fee-phone.png); background-size:contain; }
.list-product .list-row .price .fee-give { background:url(../images/ico-fee-gave.png); background-size:contain; }
.list-product .list-row .comment { margin-top: 0.1rem;line-height:.3rem; font-size:.2rem; opacity:.5; clear:left; }
.list-product .list-row .comment span { margin-right:.15rem; }
.list-product .list-row .a1{ display:block; border:#d6d6d6 solid 1px; width:1.8rem; height:0.4rem; text-align:center; margin-top:0.12rem;}
.list-product .list-row .a1 s{ display:block; width:0.2rem; height:0.2rem; background:url(../images/j5_03.png) center center no-repeat; float:left; margin-left:0.1rem; margin-top:0.08rem; background-size:100%;}
.list-product .list-row .a1 p{ font-size:0.22rem; float:left; line-height:0.4rem; color:#666; padding-left:0.1rem;}
/*ipro*/

.panel-order { position:fixed; left:0; width:100%; top:1.4rem; bottom:0; z-index:103; display:none; }
.panel-order:after { content:''; width:100%; height:auto; position:absolute; left:0; top:1.7rem; bottom:0; background:rgba(0,0,0,.8); }
.panel-order .list { background:rgba(255,255,255,.8); padding:.1rem 0; }
.panel-order .list dd { }
.panel-order .list a { display:block; height:.5rem; line-height:.5rem; padding:0 0 0 .45rem; }
.panel-order .list dd.current a { color:#0c6aca; }
.panel-order .list dd:active { background:#FFF; }

.panel-filter { position:fixed; left:0; top:0; width:100%; bottom:0; background:rgba(0,0,0,.8); z-index:103; display:none; }
.panel-filter .head { position:absolute; left:.8rem; right:0; top:0; width:auto; height:.8rem; line-height:.8rem; background:#FFF; border-bottom:1px solid #ddd; }
.panel-filter .head .cancel { position:absolute; left:0; top:0; width:.8rem; height:.8rem; text-align:center; background:url(../images/ico-back.png) center center no-repeat; background-size:.3rem; }
.panel-filter .head h2 { text-align:center; font-size:.26rem; font-weight:400; }
.panel-filter .head .ok { position:absolute; right:0; top:0; width:.8rem; height:.8rem; text-align:center; }
.panel-filter .main { position:absolute; left:.8rem; right:0; top:.8rem; bottom:0; width:auto; height:auto; background:#FFF;}
.panel-filter .scroll {}
.panel-filter .ug { padding:.15rem 0 0; background:#f4f5f7; border-bottom:1px solid #ddd; }
.panel-filter .ug li { float:left; width:30.66%; height:.5rem; line-height:.5rem; margin:0 0 .15rem 2%; text-align:center; background:#FFF; border:1px solid #ddd; border-radius:5px; font-size:.2rem; }
.panel-filter .ug li.checked { color:#0c6aca; border-color:#0c6aca; }
.panel-filter .ug li.checked:before { content:''; display:inline-block; width:.25rem; height:.25rem; background:url(../images/ico-checked.png) center center no-repeat; background-size:contain; vertical-align:text-bottom; margin-right:.1rem; }
.panel-filter .selector {}
.panel-filter .selector dd { line-height:.35rem; padding:.15rem 2%; border-bottom:1px solid #ddd; position:relative; }
.panel-filter .selector dd > label { display:block; width:30%; overflow:hidden; }
.panel-filter .selector dd > span { position:absolute; right:2%; top:0; padding:0 .4rem 0 0; max-width:65%; background:url(../images/ico-mo.png) right center no-repeat; background-size:.3rem; font-size:smaller; color:#999; }
.panel-filter .detail { display:none; }
.panel-filter .detail dd { height:.8rem; line-height:.8rem; border-bottom:1px solid #ddd; padding:0 2%; position:relative; overflow:hidden; }
.panel-filter .detail dd.checked { background:#f1f1f1; }
.panel-filter .detail dd.checked:before { content:''; width:.3rem; height:.4rem; color:#0c6aca; background:url(../images/ico-checked.png) right center no-repeat; background-size:contain; position:absolute; right:.2rem; top:.2rem; }
.panel-filter .radio { }
.panel-filter .radio dd { /*height:.8rem; line-height:.8rem; border-bottom:1px solid #ddd; position:relative;*/line-height:.35rem; padding:.15rem 2%; border-bottom:1px solid #ddd; position:relative;  }
.panel-filter .radio label { display:block; position:relative; padding:0 2%; }
.panel-filter .radio input { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:2; }
.panel-filter .radio .checked { background:#f1f1f1; }
.panel-filter .radio .checked:before { content:''; width:.3rem; height:.4rem; color:#0c6aca; background:url(../images/ico-checked.png) right center no-repeat; background-size:contain; position:absolute; right:.2rem; top:50%; margin-top:-.2rem; }
.panel-filter .radio dt { position:relative; border-bottom:1px solid #ddd; padding:.1rem 0; }
.panel-filter .radio dt [name] { float:left; }
.panel-filter .radio dt [phone] { float:right; }
.panel-filter .radio dt [address] { display:block; clear:both; color:#999; font-size:smaller; line-height:1.4; }
.panel-filter .radio dt [phone], .panel-filter .radio dt [address] { margin-right:.5rem; }
.panel-filter .radio dt.checked [phone], .panel-filter .radio dt.checked [address] { }

.panel-filter .order-invoice-row { padding:.1rem 4%; border-top:.2rem solid #eee; }
.panel-filter .order-invoice-row .heads { height:.4rem; line-height:.4rem; }
.panel-filter .order-invoice-row .input .addbtn {display: block; border: 0; background: #0c6aca; color: #FFF;    padding: .2rem .6rem;}
.panel-filter .order-invoice-row .txt { width:100%; padding:0 .1rem; height:.6rem; border:1px solid #ddd; }

.panel-filter .invoice-checkbox { position:relative; padding:0 0 0 .45rem; display:block; }
.panel-filter .invoice-checkbox:before { content:''; display:block; background:#FFF; width:.3rem; height:.3rem; border:1px solid #999; border-radius:50%; position:
absolute; left:0; top:50%; margin:-.15rem 0 0; cursor:pointer; }


.panel-filter .invoice-checkbox.checked:before { border-color:#0c6aca; background:url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size:contain; }
.panel-filter .invoice-checkbox input { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }

.panel-filter .ug-radio { position:relative; padding:0 0 0 .45rem; display:block; }
.panel-filter .ug-radio:before { content:''; display:block; background:#FFF; width:.3rem; height:.3rem; border:1px solid #999; border-radius:50%; position:
absolute; left:0; top:50%; margin:-.15rem 0 0; cursor:pointer; }
.panel-filter .ug-radio.checked:before { border-color:#0c6aca; background:url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size:contain; }
.panel-filter .ug-radio input { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }

#ifloor1 .hot-tit{ padding-top: 0.3rem;padding-left:0.25rem;}
#ifloor1 .hot-tit .tit{ font-weight: 400; font-size:0.3rem;}
#ifloor1 .list{ padding-top:0.3rem;}
.product-filter {padding-bottom: 0.3rem; margin-bottom: 0;}
.list-product .hot-more {display:block; width:3rem; height:0.5rem;margin: 0 auto;margin-bottom: 0; background-color:#0c6aca; border-radius:0.5rem; text-align:center; line-height:0.5rem; color:#fff;}


.b-img{ width:100%; height:4rem; margin-top:0.7rem;}
.b-img1{ width:100%; height:4rem; margin-top:0.7rem;}
/***********************************
 *** 商品详情
 **********************************/
.detail-product { }
.detail-product > * { display:none; }
.detail-product > *:first-child { display:block; }
.detail-product .information[md='photo'] { width:100%; }
.detail-product .information[md='article'] { padding:.2rem; background:#FFF; }
.detail-product .service { padding:.2rem; background:#FFF; }

.detail-photo { width:100%; overflow:hidden; position:relative; }
.detail-photo .list { float:left; width:1000%; }
.detail-photo .list li { float:left; width:10%; }
.detail-photo .list figure { width:100%; padding-bottom:75%; overflow:hidden; background:#fff; position:relative; }
.detail-photo .list span { display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
.detail-photo .list img { display:block; height:100%; margin:0 auto; }
.detail-photo .tip { width:90%; height:.2rem; line-height:.2rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.1rem; }
.detail-photo .tip span { display:inline-block; vertical-align:middle; width:.12rem; height:.12rem; background:none; border:1px solid #fff; border-radius:50%; margin:0 .05rem; vertical-align:middle; }
.detail-photo .tip span.cur { background:#fff; }
.detail-photo .num { position:absolute; right:10px; bottom:10px; width:.5rem; height:.5rem; line-height:.3rem; text-align:center; background:rgba(0,0,0,.3); color:#FFF; font-size:.2rem; padding:.1rem; border-radius:50%; }

.detail-title { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#FFF; padding:.2rem .2rem .1rem .2rem; margin-bottom:.2rem; }
.detail-title h1 { font-size:.26rem; line-height:.34rem; font-weight:400; padding:0 .4rem 0 0; background:url(../images/ico-mo.png) right center no-repeat; background-size:.25rem; }
.detail-title .des, .detail-title .number { font-size:.2rem; line-height:.24rem; opacity:.5; padding:.1rem 0; }
.detail-title .number {  }
.detail-title .des:empty, .detail-title .number:empty { display:none; }
.detail-title .number + .des { padding-top:0; }
.detail-title .a1{ display:block; border:#d6d6d6 solid 1px; width:1.8rem; height:0.4rem; text-align:center; margin-bottom:0.1rem;}
.detail-title .a1 s{ display:block; width:0.2rem; height:0.2rem; background:url(../images/j5_03.png) center center no-repeat; float:left; margin-left:0.1rem; margin-top:0.08rem; background-size:100%;}
.detail-title .a1 p{ font-size:0.22rem; float:left; line-height:0.4rem; color:#666; padding-left:0.1rem;}
.detail-title span{ display:block; text-align:left;}
/*ipro*/
.detail-title .price {}
.detail-title .price span.fee { color:#0c6aca; font-size:.28rem; vertical-align:middle; font-weight:700; }
.detail-title .price span.fex { color:#999; font-size:.22rem; vertical-align:middle; text-decoration:line-through; margin-left:.2rem; }
.detail-title .price .feeli{ width: 100%; height: .5rem; line-height: .5rem; margin-bottom: 10px; padding-left: .5rem; border: 1px solid #eb252c;background:url(../images/youhui-ico.png) .1rem center no-repeat; background-size: .26rem .26rem; }

.detail-spec { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#FFF; padding:.2rem .2rem .2rem .2rem; margin-bottom:.2rem; }
.detail-spec .row { position:relative; padding:0 0 0 1.2rem; line-height:.5rem; color:#999; }
.detail-spec .head { position:absolute; left:0; top:0; overflow:hidden; }
.detail-spec .list { }
.detail-spec .list li { float:left; margin:0 .1rem .1rem 0; height:.5rem; line-height:.5rem; border:1px solid #ddd; padding:0 .3rem; color:#000; border-radius:3px; font-size:smaller; }
.detail-spec .list li.checked { border-color:#0c6aca; color:#0c6aca; }
.detail-spec p { }
.detail-spec .number { position:relative; width:2rem; border:1px solid #ddd; border-radius:3px; }
.detail-spec .number .txt { width:100%; height:.5rem; border:0; text-align:center; color:#999; }
.detail-spec .number label { position:absolute; top:0; width:.5rem; height:.5rem; text-align:center; line-height:.5rem; background:#FFF; font-size:.3rem; }
.detail-spec .number label:first-child { left:0; border-right:1px solid #ddd; border-radius:3px 0 0 3px; }
.detail-spec .number label:last-child { right:0; border-left:1px solid #ddd; border-radius:0 3px 3px 0; }
.detail-spec .number label:active { background:#f1f1f1; }

.detail-comment { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#FFF; padding:0 .2rem 0 .2rem; margin-bottom:.2rem; }
.detail-comment .head { position:relative; line-height:.6rem; border-bottom:1px solid #ddd; }
.detail-comment .head h2 { height:.6rem; font-weight:400; color:#999; }
.detail-comment .head h2 strong { margin:0 .1rem 0 .2rem; color:#0c6aca; }
.detail-comment .head h2 span { color:#333; }
.detail-comment .head .mo { position:absolute; right:0; top:0; color:#bbb; padding-right:.25rem; background:url(../images/ico-mo.png) right center no-repeat; background-size:.2rem; font-size:smaller; }
.detail-comment .list {  }
.detail-comment .item { padding:.2rem 0; border-bottom:1px solid #eee; }
.detail-comment .item:last-child { border-bottom:0; }
.detail-comment .item .title { position:relative; height:.3rem; line-height:.3rem; margin-bottom:.1rem; }
.detail-comment .item .star { width:2.2rem; height:.3rem; background:url(../images/comment-star.png) 0 -.32rem repeat-x #fff; background-size:.44rem; transform:scale(.7,.7); transform-origin:left; }
.detail-comment .item .star span { display:block; height:.3rem; background:url(../images/comment-star.png) 0 0 repeat-x #fff; background-size:.44rem; }
.detail-comment .item .user { position:absolute; right:0; top:0; font-size:smaller; color:#bbb; }
.detail-comment .item .info { line-height:1.3; font-size:small; }

.detail-history { border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#FFF; }
.detail-history .head { padding:0 .2rem; height:.6rem; line-height:.6rem; }
.detail-history .head h2 { height:.6rem; font-weight:400; }
.detail-history .list { }
.detail-history .item { float:left; width:29%; margin:0 0 2% 2%; }
.detail-history .item a { }
.detail-history .item figure { width:100%; padding-bottom:100%; position:relative; overflow:hidden; background:#eee; margin-bottom:.1rem; }
.detail-history .item img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.detail-history .item h3 { height:.48rem; line-height:.24rem; font-size:.18rem; font-weight:400; color:#999; overflow:hidden; }
.detail-history .item .price { line-height:.24rem; font-size:.18rem; color:#999; }
.detail-history .item .a1{ display:block; border:#d6d6d6 solid 1px; width:1.8rem; height:0.4rem; text-align:center;}
.detail-history .item .a1 s{ display:block; width:0.2rem; height:0.2rem; background:url(../images/j5_03.png) center center no-repeat; float:left; margin-left:0.1rem; margin-top:0.08rem; background-size:100%;}
.detail-history .item .a1 p{ font-size:0.22rem; float:left; line-height:0.4rem; color:#666; padding-left:0.1rem;}
/*ipro*/

.detail-button { width:100%; position:fixed; left:0; bottom:0; z-index:100; }
.detail-button .list { width:100%; background:rgba(0,0,0,.5); }
.detail-button .list > * { float:left; text-align:center; height:.8rem;  }
.detail-button .list dt { width:20%; position:relative; }
.detail-button .list dt a { display:block; padding:.1rem 0; line-height:.3rem; }
.detail-button .list dt a:before { content:''; width:.3rem; height:.3rem; display:block; margin:0 auto; }
.detail-button .list dt:nth-child(1) a:before { background:url(../images/ico-favo.png) center center no-repeat; background-size:contain; }
.detail-button .list dt:nth-child(1) a.checked { color:#0c6aca; }
.detail-button .list dt:nth-child(1) a.checked:before { background:url(../images/ico-favo-hover.png) center center no-repeat; background-size:contain; }
.detail-button .list dt:nth-child(2) a:before { background:url(../images/ico-car.png) center center no-repeat; background-size:contain; }
.detail-button .list dt i { position:absolute; left:50%; top:.05rem; min-width:.3rem; padding:0 .05rem; height:.3rem; line-height:.3rem; font-style:normal; background:#FFF; font-size:.18rem; color:#0c6aca; border-radius:.3rem; transform:scale(.8,.8); }
.detail-button .list dt i:empty { display:none; }
.detail-button .list dd { width:30%; line-height:.8rem; }
.detail-button .list dd:nth-child(3) { background:#ffb03f; }
.detail-button .list dd:nth-child(4) { background:#0c6aca; }
.detail-button .list a { color:#FFF; }
.detail-button .list > *:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }
.detail-button .list .a1{ display:block; float:right; line-height:0.8rem; padding-right:0.3rem;}
/*ipro*/

.detail-comment-list { background:none; }
.detail-comment-list .null { height:.6rem; line-height:.6rem; padding:0 .2rem; color:#999; background:#FFF; }
.detail-comment-list .item { padding:.1rem .2rem .2rem; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#FFF; margin-bottom:.2rem; }
.detail-comment-list .head { height:.6rem; line-height:.5rem; position:relative; border-bottom:1px solid #eee; margin-bottom:.1rem; }
.detail-comment-list .avatar { float:left; width:.5rem; height:.5rem; border-radius:50%; }
.detail-comment-list .avatar img { display:block; width:.5rem; width:.5rem; border-radius:50%; }
.detail-comment-list .user { float:left; margin:0 0 0 .2rem; font-size:small; }
.detail-comment-list .time { position:absolute; right:0; top:0; font-size:smaller; color:#999; }
.detail-comment-list .star { width:2.2rem; height:.3rem; background:url(../images/comment-star.png) 0 -.32rem repeat-x #fff; background-size:.44rem; transform:scale(.7,.7); transform-origin:left; margin-bottom:.1rem; }
.detail-comment-list .star span { display:block; height:.3rem; background:url(../images/comment-star.png) 0 0 repeat-x #fff; background-size:.44rem; }
.detail-comment-list .info { line-height:1.3; font-size:small; }



/***********************************
 *** 购物车
 **********************************/
.wrapper-toptag { width:100%; padding:.1rem .2rem; line-height:.5rem; text-align:center; background:#f9f9f9; border-bottom:1px solid #ddd; color:#666; }
.wrapper-toptag .login { display:inline-block; height:.5rem; background:#0c6aca; color:#FFF; margin:0 0 0 .1rem; border-radius:3px; padding:0 .3rem; }
.wrapper-toptag .login:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }
.wrapper-toptag .safe { display:inline-block; vertical-align:text-bottom; width:.3rem; height:.3rem; background:url(../images/ico-safe.png) center center no-repeat; background-size:contain; color:#FFF; margin:0 .1rem 0 0; }

.empty-car { }
.empty-car .icon { line-height:.6rem; color:#999; padding-top:3rem; text-align:center; background:url(../images/ico-car-empty.png) center 1rem no-repeat; background-size:2rem; font-size:larger; margin-bottom:.5rem; }
.empty-car .buy { display:block; margin:0 auto; width:2.6rem; text-align:center; height:.7rem; line-height:.7rem; color:#FFF; background:#f23030; border-radius:5px; font-size:larger; }
.empty-car .buy:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }

.list-car { }
.list-car .list { }
.list-car .item { padding:.15rem .2rem 0 .8rem; margin-bottom:.2rem; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#FFF; position:relative; }
.list-car .checkbox { position:absolute; left:.2rem; top:0; width:.4rem; height:100%; }
.list-car .ug-checkbox { display:block; background:#FFF; width:.4rem; height:.4rem; border:1px solid #999; border-radius:50%; position:
absolute; left:0; top:50%; margin:-.2rem 0 0; cursor:pointer; }
.list-car .ug-checkbox.checked { border-color:#0c6aca; background:url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size:contain; }
.list-car .ug-checkbox input { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }
.list-car .info { height:1.6rem; padding:0 0 0 1.7rem; position:relative; overflow:hidden; margin-bottom:.15rem; }
.list-car figure { width:1.6rem; height:1.6rem; overflow:hidden; background:#eee; position:absolute; left:0; top:0; }
.list-car img { display:block; width:100%; min-height:100%; }
.list-car h3 { font-weight:400; height:.6rem; line-height:.3rem; overflow:hidden; margin-bottom:.3rem; }
.list-car .price { }
.list-car .fee { color:#0c6aca; line-height:.3rem; font-size:larger; }
.list-car .fee i { font-style:normal; font-size:larger; margin-left:.05rem; }
.list-car .num { }
.list-car .num .normal { color:#999; line-height:.3rem; }
.list-car .num .edit { display:none; padding-top:.2rem; }
.list-car .num .number { position:relative; width:2rem; border:1px solid #ddd; border-radius:3px; }
.list-car .num .number .txt { width:100%; height:.5rem; border:0; text-align:center; color:#999; }
.list-car .num .number label { position:absolute; top:0; width:.5rem; height:.5rem; text-align:center; line-height:.5rem; background:#FFF; font-size:.3rem; }
.list-car .num .number label:first-child { left:0; border-right:1px solid #ddd; border-radius:3px 0 0 3px; }
.list-car .num .number label:last-child { right:0; border-left:1px solid #ddd; border-radius:0 3px 3px 0; }
.list-car .num .number label:active { background:#f1f1f1; }
.list-car .btn { position:absolute; right:0; bottom:.75rem; line-height:.3rem; }
.list-car .btn a { color:#999; font-size:smaller; border-left:1px solid #ddd; padding:0 .2rem; }
.list-car .btn a:first-child { border-left:0; }
.list-car .btn a.comp { display:none; }
.list-car .total { height:.6rem; line-height:.6rem; border-top:1px solid #ddd; }
.list-car .total span { color:#999; }
.list-car .total i { font-style:normal; margin-left:.05rem; }
.list-car .item-edit h3 { display:none; }
.list-car .item-edit .num .normal { display:none; }
.list-car .item-edit .num .edit { display:block; }

.car-button { width:100%; position:fixed; left:0; bottom:0; z-index:100; }
.car-button .list { width:100%; height:.8rem; background:#FFF; border-top:1px solid #eee; }
.car-button .checkbox { position:relative; float:left; margin:0 .2rem; width:.4rem; height:100%; }
.car-button .ug-checkbox { display:block; background:#FFF; width:.4rem; height:.4rem; border:1px solid #999; border-radius:50%; position:
absolute; left:0; top:50%; margin:-.2rem 0 0; cursor:pointer; }
.car-button .ug-checkbox.checked { border-color:#0c6aca; background:url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size:contain; }
.car-button .ug-checkbox input { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }
.car-button .total { font-size:larger; height:.8rem; line-height:.8rem; margin:0 0 0 .2rem; color:#666; }
.car-button .total b { font-size:larger; font-weight:400; }
.car-button .total.red { color:#0c6aca; }
.car-button .pay { position:absolute; right:0; top:0; }
.car-button .pay a { display:block; line-height:.8rem; background:#0c6aca; color:#FFF; font-size:larger; padding:0 .4rem; }
.car-button .pay a:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }



/***********************************
 *** 创建订单
 **********************************/
.order-address { background:url(../images/rep-border.png) left bottom repeat-x #fff; background-size:2rem; border-bottom:1px solid #eee; margin-bottom:.2rem; padding:.15rem .2rem .2rem; line-height:.4rem; position:relative; }
.order-address .name { margin:0 3rem 0 0; font-weight:700; }
.order-address .phone { position:absolute; right:.2rem; top:.15rem; font-weight:700; height:.8rem; padding:0 .4rem 0 0; background:url(../images/ico-mo.png) right center no-repeat; background-size:.25rem; }
.order-address .address { color:#999; margin:0 .4rem 0 0; }

.order-product { position:relative; height:1.4rem; padding:.15rem .2rem .15rem 1.4rem; background:#FFF; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.order-product:active { background:#f9f9f9; }
.order-product figure { position:absolute; left:.2rem; top:.15rem; width:1rem; height:1rem; overflow:hidden; }
.order-product img { display:block; width:100%; min-height:100%; }
.order-product h3 { line-height:.3rem; height:.6rem; overflow:hidden; font-weight:400; margin:0 2rem .1rem 0; }
.order-product .num { line-height:.3rem; color:#999; }
.order-product .price { position:absolute; right:.2rem; top:0; height:1.4rem; line-height:1.4rem; }
.order-product .fee { display:block; padding:0 .35rem 0 0; background:url(../images/ico-mo.png) right center no-repeat; background-size:.25rem; font-size:smaller; color:#0c6aca; }

.order-row { position:relative; height:.8rem; line-height:.8rem; padding:0 .2rem 0 .2rem; background:#FFF; border-bottom:1px solid #eee; }
.order-row > label { color:#999; }
/* background:url(../images/ico-mo.png) right center no-repeat;*/
.order-row > span { position:absolute; right:.2rem; top:0; padding:0 .3rem 0 0; background-size:.25rem; max-width:3rem; }
.order-row > span:empty { background:url(../images/ico-warm-red.png) right center no-repeat; background-size:.2rem; }
.order-row > span:empty:before { content:'暂未设置'; color:#0c6aca; }

.order-logistics { }
.order-paytype { }
.order-invoice { }

.order-other { border-bottom:1px solid #eee; border-top:1px solid #eee; padding:0 .2rem .2rem; background:#FFF; margin-bottom:.4rem; position:relative; top:.2rem; }
.order-other .head { height:.6rem; line-height:.6rem; color:#999; }
.order-other .main { padding:.1rem 0 .1rem .1rem; border:1px solid #ddd; }
.order-other .text { width:100%; height:1.2rem; line-height:.3rem; border:0; color:#999; }

.order-bill { border-bottom:1px solid #eee; border-top:1px solid #eee; padding:.15rem .2rem .15rem .2rem; background:#FFF; }
.order-bill dd { position:relative; height:.5rem; line-height:.5rem; }
.order-bill dd > label { color:#999; }
.order-bill dd > span { position:absolute; right:0; top:0; color:#0c6aca; }
.order-bill dd > span:empty:before { content:'无优惠可用'; }



/***********************************
 *** 订单详情
 **********************************/
.order-no { height:.8rem; line-height:.8rem; padding:0 .2rem; background:#FFF; border-bottom:1px solid #e5e5e5; margin-bottom:.2rem; position:relative; }
.order-no .no { }
.order-no .status { position:absolute; top:0; right:.2rem; }
.order-no .status-doing { color:#0c6aca; }
.order-no .status-complate { color:#999; }

.order-address2 { background:url(../images/rep-border-opacity.png) left top repeat-x #fffaf3; background-size:2rem; border-bottom:1px solid #eee; margin-bottom:.2rem; }
.order-address2 .main { padding:.2rem .2rem ; line-height:.4rem; position:relative; background:url(../images/rep-border-opacity.png) left bottom repeat-x; background-size:2rem; }
.order-address2 .name { margin:0 3rem 0 0; }
.order-address2 .phone { position:absolute; right:0; top:.2rem; padding:0 .2rem 0 0; }
.order-address2 .address { color:#999; line-height:.3rem; padding:.15rem 0 .05rem; }

.order-product2 { position:relative; height:1.4rem; padding:.15rem .2rem .15rem 1.4rem; background:#FFF; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:.2rem; }
.order-product2:active { background:#f9f9f9; }
.order-product2 figure { position:absolute; left:.2rem; top:.15rem; width:1rem; height:1rem; overflow:hidden; }
.order-product2 img { display:block; width:100%; min-height:100%; }
.order-product2 h3 { line-height:.3rem; height:.6rem; overflow:hidden; font-weight:400; margin:0 2rem .1rem 0; }
.order-product2 .num { line-height:.3rem; color:#999; }
.order-product2 .price { position:absolute; right:.2rem; top:.15rem; height:.3rem; line-height:.3rem;  }
.order-product2 .fee { display:block; font-size:smaller; color:#0c6aca; }

.order-rmd { position:relative; padding:0 .2rem; background:#FFF; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:.2rem; }
.order-rmd .head { height:.8rem; line-height:.8rem; position:relative; border-bottom:1px solid #eee; }
.order-rmd .head h2 { font-weight:400; font-size:larger; }
.order-rmd .head .paytype { position:absolute; right:0; top:0; font-size:larger; }
.order-rmd .row { border-bottom:1px solid #eee; padding:.2rem 0 .2rem; }
.order-rmd .row:last-child { border-bottom:0; }
.order-rmd .row dt { position:relative; line-height:.4rem; }
.order-rmd .row dt h3 { font-weight:400; }
.order-rmd .row dt span { position:absolute; right:0; top:0; }
.order-rmd .row dd { line-height:.4rem; }
.order-rmd .foot { text-align:right; padding:.2rem 0; }
.order-rmd .foot dt { line-height:.5rem; font-size:larger; }
.order-rmd .foot dd { line-height:.3rem; }
.order-rmd .red { color:#0c6aca; }

.order-button { width:100%; position:fixed; left:0; bottom:0; height:.8rem; background:#eaedf1; border-top:1px solid #ddd; z-index:100; }
.order-button .list {}
.order-button .btn { height:.8rem; padding:.1rem .2rem .1rem 0; }
.order-button .btn a { float:right; height:.6rem; line-height:.6rem; background:#0c6aca; border:1px solid #0c6aca; color:#fff; border-radius:3px; padding:0 .3rem; margin:0 0 0 .1rem; }
.order-button .btn a.del { background:#fff; color:#999; border-color:#ddd; }
.order-button .btn a:active { box-shadow:0 0 100rem rgba(0,0,0,.1) inset; }
/*payfinish*/ 
.payfinish{ padding: .2rem .2rem 0}
.payfinish .part1 .p1{ line-height: .4rem;}
.payfinish .part1 img{ width: .3rem; vertical-align: middle; margin-right: .1rem}
.payfinish a{ width: 100%; height: .8rem; line-height: .8rem; text-align:center; color: #fff; display:block; margin-top: .35rem; background: #fc7250; }
.payfinish .p2{ margin-bottom: .2rem}
.payfinish .p2 a{ background: #0c6aca; }
/***********************************
 *** 个人中心
 **********************************/
.user-head { padding:.2rem 0 .15rem; background:url(../images/rep-user.jpg) center center no-repeat; background-size:cover; text-align:center; color:#FFF; }
.user-head .avatar { width:1rem; height:1rem; border-radius:50%; margin:0 auto .1rem; }
.user-head .avatar img { display:block; width:100%; height:100%; border:2px solid #ddd; border-radius:50%; }
.user-head .name { line-height:.4rem; }
.user-head .lv { line-height:.3rem; }

.user-order-quite { width:100%; background:#FFF; box-shadow:0 2px 2px rgba(0,0,0,.1); margin-bottom:.2rem; }
.user-order-quite li { float:left; width:50%; }
.user-order-quite a { display:block; height:.9rem; padding:.15rem 0; text-align:center; }
.user-order-quite a:first-child { border-right:1px solid #ddd; }
.user-order-quite a:active { background:#f5f5f5; }
.user-order-quite span, .user-order-quite b { display:block; line-height:.3rem; font-weight:400; color:#999; }

.user-menu { width:100%; background:#FFF; padding:.3rem 0 .1rem; box-shadow:0 2px 2px rgba(0,0,0,.1); margin-bottom:.2rem; }
.user-menu li { float:left; width:25%; text-align:center; margin-bottom:0.2rem; }
.user-menu a { display:block; color:#666; }
.user-menu a:before { content:''; width:.8rem; height:.8rem; display:block; margin:0 auto .05rem; }
.user-menu .ico-info:before { background:url(../images/user-info.png) center center no-repeat; background-size:contain; }
.user-menu .ico-password:before { background:url(../images/user-password.png) center center no-repeat; background-size:contain; }
.user-menu .ico-booking:before { background:url(../images/user-booking.png) center center no-repeat; background-size:contain; }
.user-menu .ico-address:before { background:url(../images/user-address.png) center center no-repeat; background-size:contain; }
.user-menu .ico-favo:before { background:url(../images/user-favo.png) center center no-repeat; background-size:contain; }
.user-menu .ico-commend:before { background:url(../images/user-commend.png) center center no-repeat; background-size:contain; }
.user-menu .ico-replay:before { background:url(../images/user-replay.png) center center no-repeat; background-size:contain; }
.user-menu .ico-feedbook:before { background:url(../images/user-facebook.png) center center no-repeat; background-size:contain; }

.user-order { }
.user-order .tabbed { width:100%; box-shadow:0 2px 2px rgba(0,0,0,.1); margin-bottom:.25rem; background:#FFF; display:table; }
.user-order .tabbed li { display:table-cell; width:25%; position:relative; }
.user-order .tabbed li:before { content:''; width:1px; height:.4rem; background:#eee; position:absolute; left:0; top:.2rem; }
.user-order .tabbed a { display:block; margin:0 .2rem; height:.8rem; line-height:.8rem; text-align:center; }
.user-order .tabbed li.current a { border-bottom:2px solid #0c6aca; color:#0c6aca; }
.user-order .tabbed a:active { }

.user-order .list { }
.user-order .item { background:#FFF; margin-bottom:.2rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.user-order .item .head { height:.8rem; line-height:.8rem; border-bottom:1px solid #eee; padding:0 .2rem; }
.user-order .item .status { position:absolute; right:.2rem; color:#FFF; }
.user-order .item .status-doing { color:#0c6aca; }
.user-order .item .status-complate { color:#999; }
.user-order .item .status-complate:before { content:''; width:1.2rem; height:1.2rem; position:absolute; right:0; top:.2rem; background:url(../images/user-complate.png) center center no-repeat; background-size:contain; }
.user-order .item .main { padding:.2rem .2rem .2rem 1.6rem; height:1.6rem; position:relative; }
.user-order .item .main:active { background:#f5f5f5; }
.user-order .item figure { position:absolute; left:.2rem; top:.2rem; width:1.2rem; height:1.2rem; background:#eee; overflow:hidden; }
.user-order .item img { display:block; width:100%; min-height:100%; }
.user-order .item h3 { line-height:.3rem; height:1.2rem; overflow:hidden; font-weight:400; margin:0 0 0 0; }
.user-order .item .foot { height:.8rem; line-height:.8rem; padding:0 .2rem; border-top:1px solid #eee; position:relative; }
.user-order .item .fee { }
.user-order .item .btn { position:absolute; right:.2rem; top:0; height:.8rem; padding:.15rem 0; }
.user-order .item .btn a { float:right; margin-left:.2rem; height:.5rem; line-height:.5rem; border:1px solid #0c6aca; color:#0c6aca; border-radius:3px; padding:0 .1rem; }
.user-order .item .btn a:active { background:#0c6aca; color:#FFF; }
.user-order .item .btn a.del { border-color:#999; color:#999; }
.user-order .item .btn a.del:active { background:#999; color:#FFF; }

.user-couple .couple-item{background: url("../images/user-couple.png") no-repeat left center;background-size: 1.5rem 1.5rem;}

.no-info {padding-left: 4%;padding-bottom: 10%;color: #0c6aca;padding-top: 4%;}



/***********************************
 *** 留言、回复、评价
 **********************************/
.user-feedbook { }
.user-feedbook .null { height:.8rem; line-height:.8rem; background:#FFF; border-bottom:1px solid #e5e5e5; padding:0 .2rem; color:#999; margin-bottom:.2rem; }
.user-feedbook .item { padding:0 .2rem; background:#FFF; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:.2rem; }
.user-feedbook .head { height:.6rem; line-height:.6rem; border-bottom:1px solid #eee; position:relative; }
.user-feedbook .head h2 { font-weight:400; margin-right:2rem; }
.user-feedbook .head .type, .user-feedbook .head .time { position:absolute; right:0; top:0; color:#999; }
.user-feedbook .type-warm { color:#0c6aca; }
.user-feedbook .type-mind { color:#999; }
.user-feedbook .head .star { position:relative; top:.15rem; width:2.2rem; height:.3rem; background:url(../images/comment-star.png) 0 -.32rem repeat-x #fff; background-size:.44rem; transform:scale(.7,.7); transform-origin:left; }
.user-feedbook .head .star span { display:block; height:.3rem; background:url(../images/comment-star.png) 0 0 repeat-x #fff; background-size:.44rem; }
.user-feedbook .main { padding:.15rem 0; line-height:.4rem; }
.user-feedbook .foot { position:relative; height:.6rem; line-height:.6rem; border-top:1px solid #eee; }
.user-feedbook .foot .time { color:#999; }
.user-feedbook .foot .status { position:absolute; right:0; top:0; }
.user-feedbook .status-on { color:#0c6aca; }
.user-feedbook .status-off { color:#999; }
.user-feedbook .foot .sp-item { color:#999; margin-right:.2rem; }

.user-feedbook-form { padding:.2rem .2rem 0; background:#FFF; margin-bottom:.3rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.user-feedbook-form .row { position:relative; padding:0 0 0 0; margin-bottom:.2rem; }
.user-feedbook-form .head { position:absolute; left:0; top:0; line-height:.8rem; color:#999; display:none; }
.user-feedbook-form .radio { width:100%; overflow:hidden; padding-top:.1rem; }
.user-feedbook-form .radio li { float:left; height:.6rem; line-height:.6rem; margin-right:.5rem; }
.user-feedbook-form .radio label { display:block; padding:0 .2rem 0 .5rem; position:relative; }
.user-feedbook-form .ug-radio:before { content:''; background:#FFF; width:.3rem; height:.3rem; border:1px solid #999; border-radius:50%; cursor:pointer; position:absolute; left:0; top:.15rem; }
.user-feedbook-form .ug-radio.checked { color:#0c6aca; }
.user-feedbook-form .ug-radio.checked:before { border-color:#0c6aca; background:url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size:contain; }
.user-feedbook-form .ug-radio input { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }
.user-feedbook-form .text, .user-feedbook-form .txt { height:.8rem; width:100%; border:1px solid #ddd; padding:.1rem; border-radius:3px; }
.user-feedbook-form .text { height:1.7rem; line-height:.3rem; }
.user-feedbook-form .text:focus, .user-feedbook-form .txt:focus { border-color:#aaa; }
.user-feedbook-form .submit { width:100%; height:.8rem; border:0; background:#0c6aca; margin-bottom:.2rem; font-size:large; color:#FFF; border-radius:3px; }
.user-feedbook-form .submit:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }



/***********************************
 *** 收藏、缺货
 **********************************/
.user-favo { }
.user-favo .null { height:.8rem; line-height:.8rem; background:#FFF; border-bottom:1px solid #e5e5e5; padding:0 .2rem; color:#999; margin-bottom:.2rem; }
.user-favo .item { background:#FFF; margin-bottom:.2rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0 .2rem; }
.user-favo .item .head { height:.8rem; line-height:.8rem; border-bottom:1px solid #eee; position:relative; }
.user-favo .item .head h2 { font-weight:400; color:#999; }
.user-favo .item .head .phone { position:absolute; right:0; top:0; color:#999; }
.user-favo .item .del { position:absolute; right:0; top:.15rem; color:#0c6aca; height:.5rem; line-height:.5rem; border-radius:3px; padding:0 .2rem 0 .2rem; border:1px solid #0c6aca; }
.user-favo .item .del:active { background:#0c6aca; color:#fff; }
.user-favo .item .main { padding:.2rem 0 .2rem 1.4rem; height:1.6rem; position:relative; }
.user-favo .item .main:active { background:#f5f5f5; }
.user-favo .item figure { position:absolute; left:0; top:.2rem; width:1.2rem; height:1.2rem; background:#eee; overflow:hidden; }
.user-favo .item img { display:block; width:100%; min-height:100%; }
.user-favo .item h3 { line-height:.3rem; height:1.2rem; overflow:hidden; font-weight:400; margin:0 0 0 0; }
.user-favo .foot { position:relative; height:.8rem; line-height:.8rem; border-top:1px solid #eee; }
.user-favo .foot .time { color:#999; }
.user-favo .foot .status { position:absolute; right:0; top:0; color:#FFF; }
.user-favo .foot .status-on { color:#0c6aca; }
.user-favo .foot .status-off { color:#999; }



/***********************************
 *** 收货地址管理、个人资料
 **********************************/
.user-address-form { padding:.2rem .2rem 0; background:#FFF; margin-bottom:.3rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.user-address-form .row { position:relative; padding:0 0 0 0rem; margin-bottom:.2rem; }
.user-address-form .row select{padding: 0 .15rem;text-align: center;height: .6rem;line-height: .6rem;background: #fff;border: 1px solid #ddd;margin-right: .07rem;border-radius: 0.05rem;}
.user-address-form .head { display:none; color:#999; }
.user-address-form .radio { width:100%; overflow:hidden; padding-top:.1rem; }
.user-address-form .radio li { float:left; height:.6rem; line-height:.6rem; margin-right:.5rem; }
.user-address-form .radio label { display:block; padding:0 .2rem 0 .5rem; position:relative; }
.user-address-form .ug-radio:before { content:''; background:#FFF; width:.3rem; height:.3rem; border:1px solid #999; border-radius:50%; cursor:pointer; position:absolute; left:0; top:.15rem; }
.user-address-form .ug-radio.checked { color:#0c6aca; }
.user-address-form .ug-radio.checked:before { border-color:#0c6aca; background:url(../images/ico-checked-white.png) center center no-repeat #0c6aca; background-size:contain; }
.user-address-form .ug-radio input { opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; }
.user-address-form .text, .user-address-form .txt { height:.8rem; width:100%; border:1px solid #ddd; padding:.1rem; border-radius:3px; }
.user-address-form .text { height:1.1rem; line-height:.3rem; }
.user-address-form .text:focus, .user-address-form .txt:focus { border-color:#aaa; }
.user-address-form .text:focus, .user-address-form .txt:focus {outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd;}
.user-address-form .submit { width:100%; height:.8rem; border:0; background:#0c6aca; margin-bottom:.2rem; font-size:large; color:#FFF; border-radius:3px; }
.user-address-form .submit:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }
.user-address-form .required:before { content:'*'; color:#0c6aca; position:absolute; right:.2rem; height:.8rem; line-height:.8rem; }

.user-address { }
.user-address .item { background:#FFF; margin-bottom:.2rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:0 .2rem; }
.user-address .item .head { height:.8rem; line-height:.8rem; border-bottom:1px solid #eee; position:relative; font-size:larger; }
.user-address .item .head .name { margin-right:.2rem;  }
.user-address .item .head .phone { }
.user-address .item .head .default { position:absolute; right:0; top:0; color:#999; font-size:smaller; }
.user-address .item .main { line-height:.4rem; padding:.2rem 0; color:#999; }
.user-address .foot { position:relative; height:.8rem; line-height:.8rem; border-top:1px solid #eee; text-align:right; overflow:hidden; }
.user-address .foot a { border-left:1px solid #ddd; color:#999; padding:0 .3rem; position:relative; left:.3rem; }
.user-address .foot a:first-child { border-left:0; }
.user-address .item-default .default { color:#0c6aca !important; }

.user-address-addbtn { height:.8rem; line-height:.8rem; font-size:large; text-align:center; margin:0 .2rem .2rem; background:#0c6aca; border-radius:3px; color:#FFF; }
.user-address-addbtn:active { box-shadow:0 0 1000rem rgba(0,0,0,.1) inset; }

.user-info-tabbed { width:100%; box-shadow:0 2px 2px rgba(0,0,0,.1); margin-bottom:.25rem; background:#FFF; display:table; display:none; }
.user-info-tabbed li { display:table-cell; width:25%; margin:0 .2rem; height:.8rem; line-height:.8rem; text-align:center; position:relative; }
.user-info-tabbed li:before { content:''; width:1px; height:.4rem; background:#eee; position:absolute; left:0; top:.2rem; }
.user-info-tabbed li.current { border-bottom:2px solid #0c6aca; color:#0c6aca; }


/***********************************
 *** 商品评价
 **********************************/
.comment-order { background:#FFF; margin-bottom:.2rem; box-shadow:0 2px 2px rgba(0,0,0,.05); }
.comment-order .row { height:.6rem; line-height:.6rem; border-bottom:1px solid #ddd; padding:0 .2rem; color:#999; }

.comment-product { border-top:1px solid #e5e5e5; background:#FFF; height:2rem; margin-bottom:.2rem; box-shadow:0 2px 2px rgba(0,0,0,.05); padding:.2rem .2rem .2rem 2rem; position:relative; }
.comment-product figure { position:absolute; left:.2rem; top:.2rem; width:1.6rem; height:1.6rem; }
.comment-product figure img { display:block; width:100%; height:100%; }
.comment-product h3 { font-size:.26rem; line-height:.35rem; height:.7rem; margin-bottom:.3rem; font-weight:400; overflow:hidden; }
.comment-product p { line-height:.3rem; }

.getComment { border-top:1px solid #e5e5e5; background:#FFF; margin-bottom:.2rem; box-shadow:0 2px 2px rgba(0,0,0,.05); padding:0 .2rem .3rem; }
.getComment h2 { height:.7rem; line-height:.8rem; font-weight:400; overflow:hidden; }
.getComment p { color:#999; line-height:.3rem; }

.postComment { border-top:1px solid #e5e5e5; background:#FFF; margin-bottom:.2rem; box-shadow:0 2px 2px rgba(0,0,0,.05); padding:0 .2rem .3rem; }
.postComment .star { position:relative; height:.8rem; padding:0 0 0 .8rem; }
.postComment .star .head { height:.8rem; line-height:.8rem; position:absolute; left:0; top:0; }
.postComment .star .btn { width:3rem; height:.6rem; position:relative; top:.1rem; }
.postComment .star li { float:left; width:.6rem; height:.6rem; background:url(../images/comment-starx.png) center center no-repeat #fff; background-size:.35rem; }
.postComment .star li.checked { background:url(../images/comment-starx-hover.png) center center no-repeat #fff; background-size:.35rem;  }
.postComment .text { border:1px solid #ddd; background:#FFF; width:100%; height:1.4rem; line-height:.3rem; padding:.1rem; margin-bottom:.1rem; }
.postComment .text:focus { border-color:#aaa; }
.postComment .submit { display:block; width:100%; height:.8rem; border-radius:3px; background:#0c6aca; border:0; font-size:larger; color:#FFF; }
.postComment .submit:active { box-shadow:0 0 0 100rem rgba(0,0,0,.05) inset; }











/***********************************
 *** 通用组件类
 **********************************/
 
/* 工具栏 */
.toolbar { position:fixed; left:0; bottom:0; background:#2d2319; width:100%; height:.8rem; box-shadow:0 -1px 1px rgba(0,0,0,.3); }
.toolbar .list { width:100%; }
.toolbar .list dd { float:left; width:25%; text-align:center; border-left:1px solid #1a140d; }
.toolbar .list dd:first-child { border-left:0; }
.toolbar .list a { display:block; height:.8rem; line-height:.14rem; font-size:.20rem; color:#c8a48e; }
.toolbar .list dd:active { background:#7f201c; }
.toolbar .list a:before { content:''; display:block; width:.5rem; height:.5rem; margin:0 auto .04rem; position:relative; }
.toolbar .list a.too-home:before { background:url(../images/too-home.png) center center no-repeat; background-size:.4rem; }
.toolbar .list a.too-map:before { background:url(../images/too-map.png) center center no-repeat; background-size:.4rem; }
.toolbar .list a.too-tel:before { background:url(../images/too-tel.png) center center no-repeat; background-size:.4rem; }
.toolbar .list a.too-qiao:before { background:url(../images/too-qiao.png) center center no-repeat; background-size:.4rem; }

/* 广告位 */
.banner { width:100%; overflow:hidden; position:relative; }
.banner .list { float:left; width:1000%; }
.banner .list li { float:left; width:10%; }
.banner .list img { display:block; width:100%; }
.banner .tip { width:90%; height:.2rem; line-height:.2rem; text-align:center; clear:both; display:none; position:absolute; left:5%; bottom:.2rem; }
.banner .tip span { display:inline-block; vertical-align:middle; width:.16rem; height:.16rem; background:#fff; border-radius:100%; margin:0 .05rem; vertical-align:middle; }
.banner .tip span.cur { background:#0c6aca; }

/* 内容格式化 */
[ig-article] { text-align:justify; font-size:.24rem; line-height:1.8; }
[ig-article] img { max-width:100% !important; height:auto !important; display:block; margin:0 auto; }

/* 返回顶部 */
.ig-top { width:.6rem; height:.6rem; background:url(../images/ico-top.png) center center no-repeat; background-size:contain; position:fixed; right:3%; bottom:1rem; opacity:.8;z-index:666; }
.ig-top:active { opacity:1; }

.couple-ico { width:.6rem; height:.6rem; background:url(../images/couple-ico.png) center center no-repeat; background-size:contain; position:fixed; right:3%; bottom:1.7rem; opacity:.8; z-index:666; }
.couple-ico:active { opacity:1; }

/* 页面细节 */
[ig-hide] { display:none; }
[ig-cut] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
[ig-load] { height:.6rem; padding:0 3%; text-align:center; color:#999;width:100%;overflow:hidden;}
[ig-load]:active {  }
[ig-load]:empty { display:none !important;  }
[ig-null] { height:.6rem; line-height:.6rem; padding:0 3%; color:#999; }
[ig-api] {  content:'4DD845D1BB619BEEFB641EC49A7D8735'; }


/*品牌馆*/
.power-bus{background: #f8f8f8;}
.power-bus .location {padding-top: 0.3rem;padding-bottom: 0.3rem;background: #f5f5f5;}
.recommend-brand{padding-top: 0.9rem;background: #fff;margin: 0 auto;}
.recommend-brand .brand-title{position: relative;padding: 0.2rem 0.6rem 0;overflow: hidden;}
.recommend-brand .brand-title .brand-line{ display: inline-block;width: 5.3rem; height: 2px;background: #d3d3d3;position: absolute;top: 0.3rem;}
.recommend-brand .brand-title .brand-text {font-size: 0.3rem;color: #333;height: 0.3rem;line-height: 0.3rem;padding: 0 0.1rem;position: relative;z-index: 10;left: 50%;top: -0.1rem;margin-left: -0.9rem;background: #fff;}
.recommended-brand{padding: 0.2rem 0.36rem;}
.recommended-brand .brand-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.recommended-brand .brand-list .item{margin-bottom: 0.1rem;float: left;width: 48%;/* margin: 0 0.24rem 0.1rem; */text-align: center;overflow: hidden;list-style: none;transition: all ease 0.36s; padding:0;}
.recommended-brand .brand-list .item a{display: block;}
.recommended-brand .brand-list .img{display: block;width: 100%;/* max-width: 1.77rem; */border: 1px solid #e8e8e8; overflow:hidden;}
.recommended-brand .brand-list img{display: block;width: 100%;height: 100%;}
.recommended-brand .brand-list .brand-title-con{/* width: 1.77rem; */text-align: center;padding-top: 0.02rem;height: 0.34rem;font-size: 0.2rem;color: #333;overflow: hidden;clear: both;}
.recommended-brand .brand-list li:hover{transform: translateY(-0.05rem);transition: all ease 0.36s;}
.recommended-brand .brand-list li:hover .brand-title-con{color: #c12127;}

.pubs-2-main{margin-bottom: 0.5rem;background: #f8f8f8;}
.pubs-2{padding-bottom: 0.3rem;margin-top: 0.2rem;border-top:1px dashed #ddd;}


/*共享合作*/
.info_title b {font-size: 0.28rem;font-weight: 700;}
.je-form-item {width:100%;margin-top: 0; position:relative;}
.je-form-item label {width:1.2rem; text-align:center; line-height:0.8rem; font-size:0.22rem; color:#666;}
.je-form-item font{display:block;color:#F00;position:absolute;right: 0.1rem;top: 0.78rem;z-index: 12;}
.je-form-item .je-input{text-indent: 0.2rem;width:100%; height:0.72rem; font-size: 0.28rem; line-height: 0.72rem;border:#ddd solid 0.02rem; border-radius:0.1rem; margin-top: 0; position:relative; background-color:#fff;}
.je-form-item .je-input:focus {outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd;}

.je-select {min-width: 100%;height:0.72rem;line-height:0.72rem;font-size:0.2rem;padding:0 0.22rem 0 0.08rem;border:1px solid #D9D9D9;border-radius: 0.1rem;background-color:#fff;display: inline-block;overflow: hidden;position: relative;cursor: pointer;position: relative;text-overflow:ellipsis; white-space:nowrap;-webkit-transition: border-color .15s cubic-bezier(.65,.05,.35,.5);transition: border-color .15s cubic-bezier(.65,.05,.35,.5);-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;box-sizing: border-box!important;}
.je-inputbox .je-textarea {width:100%;min-height: 1.8rem;height: auto;line-height: 0.24rem;padding: 0.2rem 0.1rem;resize: vertical;font-size: 0.2rem;border:1px solid #D9D9D9;border-radius: 0.1rem;background-color:#fff;outline: 0;-webkit-transition: border-color .15s cubic-bezier(.65,.05,.35,.5);transition: border-color .15s cubic-bezier(.65,.05,.35,.5);-webkit-box-sizing: border-box!important;-moz-box-sizing: border-box!important;box-sizing: border-box!important;vertical-align: top;}
.je-inputbox .je-textarea:focus {outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd;}
.Scbuttons{cursor: pointer;color:#FFFFFF;border:none;height:0.6rem;clear:left;width:3rem;line-height: 0.6rem;background: #e84c4c;margin:0.6rem auto 0.6rem auto;border-radius: 0.3rem;}

.n-msg {padding-top: 0.24rem;font-size: 0.24rem;position: absolute;top: 0;left: 0;color:#e84c4c;font-weight: bold;}
.cooperation img {max-width: 100%;}

.search_main {margin-bottom: 0.2rem;}
.search_main .search-div { height:.8rem; padding:.1rem 0 .1rem 0; position:relative; }
.search_main .search-div .txt { width:91%; height:.6rem; padding:0 0 0 .2rem; border:1px solid #ddd; background:#FFF; border-radius:3px; }
.search_main .search-div .txt:focus {outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd;}
.search_main .search-div .btn { font-size: 0;position:absolute; right:0; top:.1rem; border:1px solid #ddd; width:.6rem; height:.6rem; background:url(../images/ico-sos.png) center center no-repeat #f8f8f8; background-size:.3rem; border-radius:0 3px 3px 0; }
.search_main .search-div .btn:active { background-color:#ddd; }


/*优惠券*/
.couple-main {z-index: 101;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0px;left: 0px;display: none;}
.couple {position: relative;width: 5rem;margin: -2.1rem auto 0px;top: 38%;height: 6rem;cursor: pointer;background: transparent;border-radius: 0.3rem;}
.couple .list {width:100%;display: inline-block;}
.couple .list .item {display: block; float:left; position: relative;margin-bottom: 0.2rem;float: left;width: 5rem;height: 6rem;background: url("../images/couple.png") no-repeat center center;cursor: pointer;background-size: 5rem 6rem;}
.couple .list .item .price {padding-top: 1.2rem;font-family: arial;font-size: 0.8rem;line-height: 0.7rem;color: #d23d25;text-align: center;}
.couple .list .item .price span {font-size: 0.32rem;}
.couple .list .item .tit {padding-top: 0.3rem;font-size: 0.3rem;line-height: 0.3rem;text-align: center;color: #4b4340;}
.couple .list .item .btn {position: absolute;bottom: 0.5rem;left: 50%;margin-left: -1.7rem;display: block;width: 3.4rem;height: 0.6rem;font-size: 0.3rem;line-height: 0.6rem;text-align: center;border-radius: 0.3rem;background: #fed09f;color: #bf3109;}
.couple .list .item .btn:hover {background:#fec68d;oapcity: 0.7;filter: alpha(opacity = 70);font-weight: 700;}
.couple #close-couple { font-size: 0;position:absolute; width:0.6rem; height:0.6rem; text-align:center; line-height:0.3rem; margin-left: -0.3rem; left:50%; top: -0.8rem; cursor:pointer;transition: all 0.3s ease-out 0s; background: url("../images/close.png") no-repeat center center;background-size: 0.6rem 0.6rem;cursor: pointer;}
.couple #close-couple:hover{transform:rotate(360deg);}




/***********************************
 *** 动画
 **********************************/

@keyframes show_smaller{
	0%{
		visibility:visible;
		opacity:0; 
		-webkit-transform:scale(2,2);
		   -moz-transform:scale(2,2);
			-ms-transform:scale(2,2);
				transform:scale(2,2);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
			-ms-transform:scale(1,1);
				transform:scale(1,1);
	}
}
@keyframes hide_smaller{
	0%{
		visibility:visible;
		opacity:1; 
		-webkit-transform:scale(1,1);
		   -moz-transform:scale(1,1);
			-ms-transform:scale(1,1);
				transform:scale(1,1);
	}
	100%{
		visibility:visible;
		opacity:.5; 
		-webkit-transform:scale(0,0);
		   -moz-transform:scale(0,0);
			-ms-transform:scale(0,0);
			transform:scale(0,0);
	}
}
@keyframes show_nav{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(100%);
		   -moz-transform:translateX(100%);
			-ms-transform:translateX(100%);
				transform:translateX(100%);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(0);
		   -moz-transform:translateX(0);
			-ms-transform:translateX(0);
				transform:translateX(0);
	}
}
@keyframes hide_nav{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(0);
		   -moz-transform:translateX(0);
			-ms-transform:translateX(0);
				transform:translateX(0);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateX(100%);
		   -moz-transform:translateX(100%);
		    -ms-transform:translateX(100%);
		        transform:translateX(100%);
	}
}
@-webkit-keyframes slide_down{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(-2rem);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(0);
	}
}
@keyframes slide_down{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(-2rem);
		   -moz-transform:translateY(-2rem);
			-ms-transform:translateY(-2rem);
				transform:translateY(-2rem);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(0);
		   -moz-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
}
@-webkit-keyframes slide_up{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(0);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(-2rem);
	}
}
@keyframes slide_up{
	0%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(0);
		   -moz-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
	100%{
		visibility:visible;
		opacity:1;
		-webkit-transform:translateY(-2rem);
		   -moz-transform:translateY(-2rem);
			-ms-transform:translateY(-2rem);
				transform:translateY(-2rem);
	}
}


/***********************************
 *** 设备适配
 **********************************/

@media (min-width:700px){
	html { font-size:80px; }
} 
@media (max-width:700px){
	html { font-size:70px; }
}
@media (max-width:500px){
	html { font-size:60px; }
} 
@media (max-width:350px){
	html { font-size:50px; }
}


/***********************************
 *** 配色方案
 **********************************/

/*page  ao 20160420*/
.pager { height: 37px; margin: 40px auto; display:table; }
.pager .pagin .prev, .pager .pagin .next { width: 80px; height: 35px; line-height: 35px; display: block; float: left; color: #666; font-family: "microsoft yahei"; border: 1px solid #e4e4e4; text-align: center; margin: 0px 2px; cursor: pointer; }
.pager .pagin a { padding:0 12px; height: 35px; line-height: 35px; color: #fff; display:table-cell; color: #666; text-align: center; font-family: "microsoft yahei"; border: 1px solid #e4e4e4; margin: 0px 2px; }
.pager .pagin a:hover, .pager .pagin a.current { background: #ff3c3c; color:#fff; }

/*checkout礼品信息*/
.giftList .giftInfo {
    width: 150px;
    text-align: center;
    float: left;
    line-height: 25px;
}
/*checkout积分抵扣*/
.buy-use-point .buy-point-discharge, .check_box .buy-use-money .buy-money-discharge {
    float: right;
    line-height: 36px;
    display: inline-block;
    margin-left: 15px;
    min-width: 80px;
    text-align: right;
    white-space: nowrap;
}
.hidden {
    display: none;
}
.userPoint .userPoint-usePoint, .userMoney .userMoney-useMoney {
    margin-right: 3px;
    vertical-align: middle;
    width: 63px;
}
.userPoint .userPoint-useTip, .userMoney .userMoney-useTip {
    color: #999;
    line-height: normal;
    margin-bottom: 5px;
}
.userPoint .msg, .userMoney .msg {
    margin-bottom: 5px;
}
/*绑定邮箱、手机*/
.user-email-form { padding:.2rem .2rem 0; background:#FFF; margin-bottom:.3rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.user-email-form .txt { height:.8rem; width:98%; font-size: 0.28rem; border:1px solid #ddd; padding:.1rem; border-radius:3px; }
.user-email-form .txt:focus{outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd;}
.user-email-form .txtcode { height:.8rem; width: 82%; border:1px solid #ddd; padding:.1rem; border-radius:3px; }
.user-email-form .row .red{ color: red; }
.user-email-form .txtphonecode{ height:.8rem; width: 74%; border:1px solid #ddd; padding:.1rem; border-radius:3px; font-family: "微软雅黑" }
.user-email-form .txtphonecode:focus{outline: none;border-color: #ddd;box-shadow: 0 0 10px #ddd;}
.user-email-form .submit { width:100%; height:.8rem; border:0; background:#0c6aca; margin-bottom:.2rem; font-size:large; color:#FFF; border-radius:3px; }
.user-email-form .head { display:none; color:#999; }
.user-email-form { padding:.2rem .2rem 0; background:#FFF; margin-bottom:.3rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.user-email-form .row { position:relative; padding:0 0 0 0rem; margin-bottom:.2rem; font-size: 0.26rem;}
.user-email-form .row  .yzm{ cursor: pointer; height: .8rem; text-align: center; background: #f2f2f2; border: 0px; color: #666; display: inline-block;padding: 8px; }
#UserAccountRecordAjax tr{ font-size: .18rem; border-top: 1px solid #ddd;  }
#UserAccountRecordAjax td{ border-left: 1px solid #ddd; padding: .1rem 0; }
#UserAccountRecordAjax tr td:first-child{ border-left: 0px; }
#UserAccountRecordAjax tr:nth-child(2n+1){ background: #fff;  }
#UserAccountRecordAjax thead tr{ font-size: .22rem; font-weight: bold; }


/*pageshowNews*/
.pageshowNews{}
.pageshowNews h1,.pageshowNews .mark,.pageshowNews .contxt{ padding: 0px 2%;}
.pageshowNews h1{ color:#fc7250; font-size:0.3rem; text-align: center; line-height: .42rem; margin-bottom: .1rem;}
.pageshowNews .mark{ color:#c0c0c0; font-size:0.18rem; border-bottom: 1px solid #e8e8e8; text-align: center;}
.pageshowNews .mark span{ display: inline-block; margin: .1rem; }
.pageshowNews .contxt{ padding: .2rem 0 .3rem;  line-height: .48rem;}
.pageshowNews .contxt img{ height: auto !important; max-width: 100% !important;}

/*reLink*/
.reLink { width: 100%; margin: .2rem 0px 0; padding: .2rem 0px; border-top: 1px solid #e6e6e6; }
.reLink .nextLink,.reLink .prevLink{ width: 100%; display: block; line-height: .38rem; overflow: hidden;  }
.reLink a { font-size: .2rem; display: block;}

.getPw a{ color: red; }
.alertMessage{  padding: .2rem 3% 0; }
.alertMessage a{ color: red; }

.header-jf{ height:.88rem; line-height: .88rem; color: #333333; font-size: .34rem; border-bottom: 1px solid #dfdfdf;  } 
.header-jf p{ font-size: .26rem; float: right; padding-right: .2rem; }
.header-jf p span{ color: #c12127; }
.header-jf s{ width: .36rem; height: .4rem; display: inline-block; vertical-align: middle; margin: 0 .1rem 0 .2rem;  background:url(../images/jf-ico.png) center top no-repeat; background-size: .36rem; }
.jfListbox{ background: #f8f8f8; padding:1.1rem 2% 0; }

.jfListbox li{ background: none; height: 2.32rem; border:0px; border: 1px solid #ededed; padding: .2rem; background: #fff; margin-bottom: 10px; list-style: none; }
.jfListbox li a{ display: block; }
.jfListbox li .img{ width: 2.55rem; height: 1.91rem; display: block; float: left; margin-right: .28rem; }
.jfListbox li img{ width: 2.55rem; height: 1.91rem; display: block; }
.jfListbox li h3{ color: #333333; font-size: .3rem; padding-top: .06rem; font-weight: normal; line-height: .48rem; margin-bottom: .1rem; }
.jfListbox li .b{ height: .35rem; line-height: .35rem; }
.jfListbox li .b span{ color: #f16406; }
.jfListbox li .btn{ width: 2.04rem; height: .6rem; display: block; margin-left: 2.85rem; margin-top: .2rem; background: #c12127; text-align: center; color: #fff; border-radius: 4px; line-height: .6rem;}

.jfListbox .jfContent{ padding: 2%; }
.jfListbox .jfContent .img{ max-width: 100%; display: block; margin: 0 auto; }
.jfListbox .jfContent .title{ font-weight: bold; font-size: .30rem; margin-top: .2rem; color: #333; }
.jfListbox .jfContent .jf span{  color: #f16406; }
.jfListbox .jfContent .txt{ line-height: .35rem; color: #333; margin-bottom: .6rem; }
.jfListbox .jfContent .btn{ width: 100%; height: .7rem; line-height: .7rem; margin-bottom: .3rem; display: block; text-align: center; border: 0px; background: #c12127; color: #fff; font-size: .26rem; border-radius: 3px; }


/*newsList*/
.newsList{ padding:.9rem 2% 0; }
.newsTit{ height: .74rem;  line-height: .74rem; margin-bottom: .1rem; background: url(../images/newsTitbg.jpg) no-repeat right bottom; background-size: 3.03rem auto;}
.newsTit{ }
.newsTit h2{ height: .74rem;  line-height: .74rem; font-size: .3rem; color: #e84c4c; }
.newsTit h3{ font-size: .18rem; color: #999999; text-transform: uppercase; }
.newsList li{ height: 1.5rem; box-sizing: initial; padding: .18rem; background: #fff; margin-bottom: .15rem; border: 1px solid #e7e7e7;}
.newsList li.hover{background-color:#f3f3f3;}
.newsList li img{ width: 2rem; height: 1.5rem; display:block; float:left; margin-right:.2rem; }
.newsList li h3{ line-height:.45rem; height: .45rem; overflow: hidden; margin-bottom: .08rem; font-size: .3rem; margin-left: 2.2rem; border-bottom: 1px dashed #e1e1e1; color:#444; font-weight: normal; }
.newsList li .txt{ font-size: .2rem; line-height: .28rem; }
.newsList li .time{ font-size: .18rem; color: #999; }
.newsList li .more{ color: #999999; width: 1.2rem; margin-top: .12rem; border-radius: .1rem; height: .4rem; line-height: .4rem; text-align: center; background:#e84c4c; color: #fff; display: block; font-size: .2rem; margin-left: 2.2rem;}
.newsList li a{ width:100%; display: block; }

.picture_list li{ border-bottom:#ddd solid 1px; padding-bottom:0.2rem; margin-bottom:0.2rem;}

.newsList li.img{ box-sizing: initial; margin-bottom: .2rem; margin-right:0.24rem; text-align:center; width:2.9rem;}

.newsList li.img.hover{background-color:#f3f3f3;}
.newsList li.img img{ width: 2.9rem; display:block; }
.newsList li.img h3{ line-height:.45rem; overflow: hidden; margin-bottom: .08rem; font-size: .3rem;  color:#444; font-weight: normal; padding-top:0.12rem; }
.newsList li.img .txt{ font-size: .2rem; line-height: .28rem; }
.newsList li.img .time{ font-size: .18rem; color: #999; }
.newsList li.img .more{ color: #999999; width: 1.2rem; margin-top: .12rem; border-radius: .1rem; height: .4rem; line-height: .4rem; text-align: center; background:#e84c4c; color: #fff; display: block; font-size: .2rem; margin-left: 2.2rem;}
.newsList li.img a{ width:100%; display: block; }
.picture_list li.img{ padding-bottom:0; border-bottom:none;}
.picture_list{ display:inline-block; width:100%;}
.newsList .picture_list li.img{ float:left;}
.picture_list li:nth-child(2n){margin-right:0rem;}



.catemore{ width: 94%; margin: 5% 3%; height: .6rem; display: block; line-height: .6rem; text-align: center; background: #e84c4c; color: #fff; }
.pageshowNews{ padding: .25rem 3%; }


.picList{ padding:.9rem 2% 0; }
.picList #listBox {padding: 0;display: flex;flex-wrap: wrap;}
.picList .item span{display: block; width: 9px; height: 16px; position: absolute; top: 28%; margin-top: -8px; right: 2%;}
.picList .item span:before{content: ""; position: absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.picList .item span:after{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.picList #listBox li{width: 49%;margin-bottom: 2%;float: left;box-sizing: border-box;background:#fff;border: 1px solid #ddd;border-top:none;}
.picList #listBox li:nth-child(2n){margin-left: 2%;}
.picList #listBox li a{display: block;}
.picList #listBox li figure{width: 100%; padding-top: 133.3%; position: relative; overflow: hidden;}
.picList #listBox li figure img{width: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; border-top: 1px solid #ddd;}
.picList #listBox li h3{height: .65rem; line-height: .65rem; text-align: center; font-size: 0.24rem; font-weight: normal;}
.picList #listBox li .b{display: none;}


.picList .uet{ display:block; width:100%;}
.picList .uet li{ display:block; width:31%; height:0.62rem; float:left; margin-right:2%; margin-bottom: 3%;}
.picList .uet li:nth-child(3n){ margin-right:0;}
.picList .uet li a{ display:block; width: 100%; height:0.6rem; background-color:#fff; border-radius:0.5rem; text-align:center; line-height:0.6rem; border:#d8d8d8 solid 1px; font-size:0.22rem; color:#333;}
.picList .uet li:hover a{background:#e84c4c;border-color:#e84c4c;color:#fff;}

.uet{ display:block; width:100%;}
.uet li{ display:block; width:31%; height:0.62rem; float:left; margin-right:2%; margin-bottom: 3%;padding: 0;background: none;border: none;}
.uet li:nth-child(3n){ margin-right:0;}
.uet li a{ display:block; width: 100%; height:0.6rem; background-color:#fff; border-radius:0.5rem; text-align:center; line-height:0.6rem; border:#d8d8d8 solid 1px; font-size:0.22rem; color:#333;}
.uet li:hover a{background:#e84c4c;border-color:#e84c4c;color:#fff;}
.uet li.on a{ background:#e84c4c;border-color:#e84c4c;color:#fff;}
.topc-img img {max-width: 100%;}

/*pageshowNews*/
.pageshowNews{}
.pageshowNews h1,.pageshowNews .mark,.pageshowNews .contxt{ padding: 0px 2%;}
.pageshowNews h1{ color:#e84c4c; font-size:0.3rem; text-align: center; line-height: .42rem; margin-bottom: .1rem;}
.pageshowNews .mark{ color:#c0c0c0; font-size:0.18rem; border-bottom: 1px solid #e8e8e8; text-align: center;}
.pageshowNews .mark span{ display: inline-block; margin: .1rem; color: #999; }
.pageshowNews .contxt{ padding: .2rem 2% .3rem;  line-height: .48rem;}
.pageshowNews .contxt img{ height: auto !important; max-width: 100% !important;display:block;}
.about_con .contxt{ background:#fff; margin-top:.2rem;}

/* 工具栏 */
#toolbar {position:fixed;bottom:0;width:100%;z-index: 888;height:1.0rem; background:#f7f7f7;left: 0;border-top: 1px #e1e1e1 solid;}
#toolbar .list { width:100%;max-width:640px;min-width: 320px; margin: 0 auto;}
#toolbar .list li {float:left; width:25%; text-align:center;}
#toolbar .list a { display:block; height:1.2rem; line-height:0.24rem; font-size:0.26rem;padding-top: 0.2rem;}
#toolbar .list a:hover,#toolbar .list li a.hover{color:#1d68c5;}
#toolbar .list a:hover span,#toolbar .list li a.hover span{color: #1d68c5;}
#toolbar .list li:active {color:#1d68c5;}
#toolbar .list a s{margin-left: auto; margin-right: auto;width:0.38rem;height: 0.36rem;display: block;position: relative; background: url(../images/tool-ico.png) no-repeat 0 0; background-size: 2.2rem auto; }
#toolbar .list a span{text-align: center;color: #666; padding-top: 0.1rem; display: block;}
#toolbar .list a .too-home{ background-position:0 -.04rem;}
#toolbar .list a .too-list{background-position:-.5rem -.02rem;}
#toolbar .list a .too-car{ background-position:-.96rem -.02rem;}
#toolbar .list a .too-user{background-position:-1.48rem -.04rem;width: .34rem;}
#toolbar .list a.hover .too-home,#toolbar .list a:hover .too-home{background-position:0 -.52rem;}
#toolbar .list a.hover .too-list, #toolbar .list a:hover .too-list{background-position:-.5rem -.51rem;}
#toolbar .list a.hover .too-car, #toolbar .list a:hover .too-car{background-position:-.96rem -.50rem;}
#toolbar .list a.hover .too-user, #toolbar .list a:hover .too-user{background-position:-1.48rem -.52rem;}
#toolbar .list li em{width: .1rem;height: .1rem;display: block;position: absolute;right:1px;top: 0;background:#0c6aca;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;}

.company-info {width: 6rem;margin: 0 auto;padding-top:0.5rem;padding-bottom: 0.6rem;}
.company-info h3{margin-bottom: 0.3rem;font-size: 0.24rem;color:#c12127;text-align: left;line-height: 0.5rem;}
.company-info p {font-size: 0.24rem;color:#333;line-height:0.36rem;}
.company-info .tips {margin-top: 0.3rem;font-size: 0.22rem;color:#c12127;text-align: left;line-height: 0.3rem;}
.finishButton {text-align: center;padding-bottom: 0.12rem;}







.bro_z{ float:left; width:0.6rem; background-color:#fff;}
.bro_z li{color: #fff;display: block; width: 0.4rem; height: 0.4rem; text-align: center; line-height: 0.4rem;}
.bro_z li.on{background-color: #c81623;color: #fff;}
.bro_z li.on a{ color:#fff;}

.bro_y{ float:right; width:5.2rem;}

.bro_y .brand-list{ display:inline-block;
    width: 100%;
}

.bro_y .brand-list li {
    width:100%;
    padding:0.2rem 0;
    text-align: left;
}

.bro_y .brand-list li a {
    width: 100%;
}

.bro_y .brand-list li a img {
  
    height:0.98rem;  float:left; margin-right:0.14rem;
}

.bro_y .brand-list li a:hover {
    border: 1px #E2E2E2 solid;
}

.bro_y .brand-list li .brand-title-con {
    float: left; line-height:0.98rem;
}

.nybanner{ width:100%; height:2.56rem; text-align:center; margin-top:0.7rem;}
.nybanner h3{ font-size:0.38rem; color:#fff; line-height:0.38rem; padding-top:1rem;text-shadow: 0px 1px 2px #8e9a9c;}
.guan_nav{ width:100%; height:0.64rem;box-shadow: 0px 1px 2px #e4e4e4; background-color:#fff;}
.guan_nav li{ display:block; float:left;width:20%;text-align:center;  position:relative; height:0.64rem; line-height:0.64rem;}
.guan_nav li.on{ border-bottom:#0c6aca solid 0.03rem;}
.guan_nav li.on a{ color:#0c6aca; font-weight:bold; }

.wen_t1{ text-align:center; padding-top:0.46rem;}
.wen_t1 h3{ font-size:0.34rem; line-height:0.34rem;}
.wen_t1 i{ display:block; margin:0 auto; width:0.42rem; height:0.03rem; background-color:#999; margin-top:0.24rem;}


.fa_we{ padding:0.3rem;}
.fa_we a{ display:block;box-shadow: 0px 1px 2px #e4e4e4; margin-bottom:0.2rem; width:100%; padding:0.2rem; background-color:#fff; border-radius:0.12rem;}
.fa_we a h4{ font-size:0.5rem; color:#0b69ca; line-height:0.5rem; font-family:"Arial";}
.fa_we a p{ padding-top:0.06rem;}

.wenhua .w1200{ padding:0 0.3rem;}

.wen_t2{ padding-top:0.26rem;}
.wen_t2 ul{ display:inline-block; width:100%;}
.wen_t2 ul li{ width:100%; height:1.9rem; background:url(../../images/hj2_03.jpg) center center no-repeat; margin-top:0.24rem; background-size:100%; border-radius:0.15rem;}
.wen_t2 ul li h3{ font-size:0.34rem; color:#0b69ca; line-height:0.34rem; padding-top:0.40rem; padding-left:1.8rem;}
.wen_t2 ul li p{ font-size:0.24rem; color:#333; line-height:0.36rem; padding-top:0.18rem; padding-left:1.8rem;}


.wen_t2 ul li.li2{background:url(../../images/hj2_06.jpg) center center no-repeat; background-size:100%;}
.wen_t2 ul li.li3{background:url(../../images/hj2_08.jpg) center center no-repeat; background-size:100%;}

.wen_t3{ background:url(../../images/hj2_11.jpg) bottom center no-repeat #fff; width:100%; height:5.12rem; margin-top:0.24rem; position:relative; z-index:3;}
.wen_t3 p{ font-size:0.24rem; color:#333; line-height:0.4rem; width:5rem; margin-left:0.42rem; padding-top:0.36rem;}

.wen_t4{ background:url(../../images/hj3_07.jpg) center center no-repeat; width:100%; height:6.48rem; margin-top:-0.5rem; text-align:center; background-size:100%;}
.wen_t4 h3{ font-size:0.29rem; color:#fff; line-height:0.38rem; padding-top:1.86rem;}
.wen_t4 i{ margin:0 auto; display:block; width:0.42rem; height:0.02rem; background-color:#fff; margin-top:0.26rem; }
.wen_t4 p{ margin:0 auto; font-size:0.24rem; color:#fff; line-height:0.3rem; width:5.9rem; padding-top:0.46rem;}
.about_s1z_y .img1{ display:block; float:right; width:2.5rem; margin-top:0.26rem;}

.about_gu .img2{ display:block; width:100%; margin-top:0.3rem;}





.ry_t1{ width:100%; display:inline-block; padding-top:0.34rem;}
.ry_t1 ul{ display:inline-block; width:100%;}
.ry_t1 ul li{ display:block; width:2.78rem; float:left; margin-right:0.24rem;box-shadow: 0px 1px 2px #e4e4e4; text-align:center; margin-bottom:0.24rem;}
.ry_t1 ul li:nth-child(2n){ margin-right:0;}
.ry_t1 ul li img{ display:block; width:2.78rem; height:2.12rem;}
.ry_t1 ul li h3{ display:block; width:100%; background-color:#fff; line-height:0.6rem; font-weight:normal;}

.about_gu .w1200{ padding:0 0.3rem;}

.about_s1z_z{ width:100%; margin-top:0.3rem;}
.about_s1z_z p{ display:block; font-size:0.24rem; color:#666; line-height:0.38rem;}
.about_s1z_z img{max-width:100%; margin-top:.2rem;}
.about_s1z_y{ width:100%; display:inline-block;}
.about_s1z_y ul{ display:inline-block; width:2.96rem; float:left;}
.about_s1z_y ul dl{ width:100%; border-bottom:#ccc solid 1px; height:1.02rem; margin-top:0.24rem;}
.about_s1z_y ul dl dt{ float:left; width:2.32rem;}
.about_s1z_y ul dl dt .timer{ display:inline-block; font-size:0.46rem; color:#0c6aca; line-height:0.46rem; font-family:"Arial";}
.about_s1z_y ul dl dt .dt2{ font-size:0.24rem; color:#0c6aca;}
.about_s1z_y ul dl dt .da2{ font-size:0.24rem; color:#333; line-height:0.24rem; padding-top:0.1rem;}

.about_s1z_y ul dl dd{ float:right; width:0.62rem;}
.about_s1z_y ul dl dd img{ display:block; width:100%;}
.about_s2{ position:relative; z-index:3;}
.about_s2_1{ width:100%; padding-top:0.3rem;}
.about_s2_1 a{ display:inline-block; width:100%;background-color:#fff;}
.about_s2_1 a img{ display:block; width:100%; height:3.3rem;}
.about_s2_1 a .ab{ width:100%; height:3.36rem; border-bottom:#ececec solid 1px;}
.about_s2_1 a .ab i{ padding-left:0.5rem; display:block; font-size:0.5rem; color:#0c6aca; line-height:0.5rem; font-family:"Arial"; padding-top:0.42rem; text-transform:uppercase;font-style: normal;}
.about_s2_1 a .ab h3{ display:block; font-size:0.3rem; line-height:0.3rem; padding-left:0.5rem; padding-top:0.14rem;}
.about_s2_1 a .ab p{ padding:0 0.5rem; display:block; font-size:0.22rem; color:#666; line-height:0.34rem; padding-top:0.26rem;}

.about_s2_2{ width:100%; display:block; overflow:hidden; background-color:#fff;}
.about_s2_2 dl{ width:100%; border-bottom:#eee solid 1px; height:3rem;}
.about_s2_2 dl.dl2{border-bottom:none;}
.about_s2_2 dl dt{ float:left; width:0.8rem; margin-left:0.34rem; margin-top:0.46rem;}
.about_s2_2 dl dt img{ display:block; width:100%;}
.about_s2_2 dl dd{ float:left; width:4.14rem; margin-left:0.28rem; margin-top:0.42rem;}
.about_s2_2 dl dd h3{ font-size:0.3rem; color:#0c6aca; line-height:0.52rem;}
.about_s2_2 dl dd p{ font-size:0.22rem; color:#666; line-height:0.34rem;}

.about_s3{ background:url(../../images/hj4_11.jpg) center center no-repeat; width:100%; height:7.14rem; margin-top:-0.6rem;}
.about_s3 .about_s3_1{ padding-top:1.34rem; text-align:center;font-size:0.34rem; color:#fff; line-height:0.42rem;}
.about_s3_2{ width:5.9rem; height:5.8rem; position:relative; margin-top:0.5rem;}
.about_s3_2 .ab_a{ width:3.04rem; height:3.04rem; background:url(../../images/hj10_03.png) center center no-repeat; display:block; margin:0 auto;-webkit-animation: rotate1 10s linear 0s infinite;animation: rotate1 10s linear 0s infinite; background-size:100%;}
.about_s3_2 .ab_b{ position:absolute; left:50%; top:0; margin-left:-1.52rem; width:3.04rem; height:3.04rem; background:url(../../images/hj11_03.png) center center no-repeat; display:block;-webkit-animation: rotate 10s linear 0s infinite;
animation: rotate 10s linear 0s infinite;background-size:100%;}
.about_s3_2 .ab_c{ width:0.64rem; height:0.72rem; position:absolute; left:50%; margin-left:-0.32rem; top:1.16rem;}
.about_s3_2 .ab_c p{ font-size:0.3rem; color:#fff; line-height:0.38rem; font-weight:bold;}
.about_s3_2 .ab_d ul{ display:inline-block; width:100%;}
.about_s3_2 .ab_d ul li{ font-size:0.28rem; color:#fff; line-height:0.38rem; display:inline-block; width:2.16rem;}
.about_s3_2 .ab_d ul li span{ display:block;}
.about_s3_2 .ab_d ul li p{ float:left;}
.about_s3_2 .ab_d ul li i{ float:right; display:block; width:0.26rem; height:0.26rem; background:url(../../images/hj12_03.png) center center no-repeat; background-size:100%; margin-top:0.12rem;}
.about_s3_2 .ab_d ul li.li2,.about_s3_2 .ab_d ul li.li5{width:1.6rem;}
.about_s3_2 .ab_d ul li.li4 p,.about_s3_2 .ab_d ul li.li5 p,.about_s3_2 .ab_d ul li.li6 p{ float:right;}
.about_s3_2 .ab_d ul li.li4 i,.about_s3_2 .ab_d ul li.li5 i,.about_s3_2 .ab_d ul li.li6 i{ float:left;}
.about_s3_2 .ab_d ul li.li1{ position:absolute; left:0; top:0.1rem;}
.about_s3_2 .ab_d ul li.li2{ position:absolute; left:0; top:1.24rem;}
.about_s3_2 .ab_d ul li.li3{ position:absolute; left:0; top:2.46rem;}
.about_s3_2 .ab_d ul li.li4{ position:absolute; right:0; top:0.1rem;}
.about_s3_2 .ab_d ul li.li5{ position:absolute; right:0; top:1.24rem;}
.about_s3_2 .ab_d ul li.li6{ position:absolute; right:0; top:2.46rem;}

.equip{ padding:0.3rem;}
.equip .bd ul{ display:inline-block; width:100%;}
.equip .bd ul li img{ display:block; width:100%;}
.equip .hd{ width:100%; padding-top:0.14rem; padding-bottom:0.2rem; text-align:center;}
.equip .hd ul{ display:inline-block;}
.equip .hd ul li{ display:inline-block; width:0.1rem; height:0.1rem; border-radius:0.3rem; margin:0 0.06rem; font-size:0; background-color:#CCC;}
.equip .hd ul li.on{ background-color:#0c6aca;}

.zhiduan{ padding-bottom:.2rem;padding-top:.2rem;}
.zhiduan p{font-size:.2rem;}

.information .table{ padding:.2rem;}


@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width:414px) {
    html {
        font-size:64.6875px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:58.5938px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}