/******************
------用户登录------
******************/
.LogB{background-color:#FFF;}
.LogB .header{ background:none;border-bottom:none;}
.LogB .HdCon{ padding-left:15%; color:#FFF; }
.LogLogo{ text-align:center; margin:0.5rem auto 0; width:0.6rem; height:0.55rem; padding:0.05rem; border-radius:50%; background:rgba(255,255,255,0.3); }
.LogLogo span{ display:block; width:0.58rem; height:0.58rem; border:0.01rem solid #ededed; background:#FFF; border-radius:50%;}
.LogCom{ color:#000; font-size:0.14rem; text-align:center; line-height:0.3rem;}
.LogK{width:84%;padding:0.15rem 7% 0.25rem;}
.LogN{border-bottom:0.01rem solid #dfdfdf; height:0.42rem; padding-top:0.15rem;display:flex;align-items:center;}
.LogV{display:block;width:15%; height:0.2rem; background-image:url(../images/icon/LogI1.png); background-size:0.2rem; background-repeat:no-repeat;}
.LogV1{ background-position: center 0;}
.LogV2{ background-position: center -0.2rem;}
.LogV3{ background-position: center -0.4rem;}
.LogI{ border:none;font-size:0.13rem; line-height:0.36rem;height:0.36rem;color:#000; background:none; width:85%;}
.LogFor{padding:0.1rem 0; text-align:right;}
.LogFor a{ font-size:0.12rem; display:inline-block; line-height:0.2rem; color:#ff5400;}
.Button{ width:100%;display:block;color:#FFF;font-size:0.12rem;line-height:0.3rem;height:0.3rem;border-radius:0.21rem;border:none; text-align:center; background:#ff5400;}
.LogBut{margin:0.1rem auto 0;}
.LogC{ line-height:0.3rem; color:#7285b0; text-align:center; font-size:0.13rem; width:100%; margin-top:0.15rem;}
.LogC a{ color:#ff5400;}
/******************
--------注册--------
******************/
.RegB{background-color:#FFF;background-image:url(../images/back/RegBack.png); background-repeat:no-repeat; background-size:46%; background-position:top left;}
.RegB1{background-image:url(../images/back/RegBack1.png); background-size:100%; background-position:bottom center;}
.LogIW1{ width:52%}
.ForBut{border:0.01rem solid #114fd8; font-size:0.12rem;overflow:hidden;width:32%;line-height:0.28rem;height:0.28rem;color:#114fd8;border-radius:0.14rem; background:none;}
.LogMa{overflow:hidden;width:30%;line-height:0.3rem;height:0.3rem;display:flex;align-items:center;justify-content:center;}
.LogMa img{ width:80%;}
.RegBut{ margin:0.3rem auto 0;}
/******************
--------首页--------
******************/
.IndB{background-image:url(../images/back/back1.png)}
.HdInd{ border:none;background:url(../images/back/back1.png) no-repeat top center; background-size:100%;}
.HdLog{display:flex;justify-content:center;align-items:center; width:100%;}
.HdLog img{ width:0.3rem; margin-right:0.05rem;}
.HdLog p{ font-size:0.14rem; font-weight:600; color:#FFF;}
/* banner */
.banner{ box-shadow:0 6px 10px rgba(15,96,226,0.3); width:100%; overflow:hidden;position:relative; z-index:7; display:block; width:92%; margin:0 auto; border-radius:0.06rem;}
/**/
.IndDL{width:92%;margin:0.08rem auto;display:flex;align-items:center;justify-content:space-between;}
.IndDLA{ width:48%; border-radius:0.04rem; display:block; text-align:center; font-size:0.13rem; border:0.01rem solid #1a8bf9; line-height:0.35rem; height:0.35rem;}
.IndDLA1{ background:#1a8bf9; color:#FFF;}
.IndDLA2{ background:#FFF; color:#1a8bf9;}
/*search*/
.search{border-radius:0.05rem;background:#FFF;width:92%;height:0.4rem;margin:0.11rem auto;display:flex;align-items:center;}
.searchA{ width:15%; display:block; height:0.4rem; background-size:0.19rem; background-repeat:no-repeat; background-position:center; background-image:url(../images/icon/search.png)}
.searchI{ width:80%; border:none; background:none; line-height:0.4rem; height:0.4rem; font-size:0.13rem; color:#333;}
/*图标*/
.IndPic{width:92%; padding:0.06rem 0; background:#FFF; border-radius:0.05rem; box-shadow:0 0 7px rgba(0,0,0,0.08); margin:0 auto;display:flex;flex-wrap:wrap;}
.IndPicA{ padding:0.09rem 0; width:25%; display:block; text-align:center; color:#000;}
.IndPicA p{ font-size:0.13rem; line-height:0.18rem;}
.IndPicI{ width:0.25rem; height:0.25rem; background-size:0.25rem; background-image:url(../images/icon/Icon01.png);background-repeat:no-repeat; display:block; margin:0 auto 0.05rem;}
.IndPicI1{ background-position:0 0;}
.IndPicI2{ background-position:0 -0.25rem;}
.IndPicI3{ background-position:0 -0.5rem;}
.IndPicI4{ background-position:0 -0.75rem;}
.IndPicI5{ background-position:0 -1rem;}
.IndPicI6{ background-position:0 -1.25rem;}
.IndPicI7{ background-position:0 -1.5rem;}
/*推荐产品*/
.IndSho{ padding-bottom:0.25rem;}
.IndTit{ padding:0.15rem 0;display:flex;justify-content:center;align-items:center;}
.IndTit h3{ font-weight:600; color:#313131; font-size:0.17rem; line-height:0.25rem; display:inline-block; padding:0 0.08rem;}
.IndTit i img{ width:0.3rem;}
.IndTitR{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform: rotateY(180deg);}
.IndShok{ width:84%; padding:0 4%; background:#FFF; border-radius:0.05rem; box-shadow:0 0 5px rgba(0,0,0,0.1); margin:0 auto;}
.IndShoA{ padding:0.15rem 0; border-top:0.01rem solid #eee;display:flex;justify-content:space-between;align-items:center;}
.IndShoA:first-child{border-top:none;}
.IndShoAL{ width:100%;line-height:0.18rem;}
.IndShoAL h3{text-overflow:ellipsis;white-space:nowrap; color:#313131; font-weight:600; font-size:0.13rem}
.IndShoAL h4{ color:#888; font-weight:500; font-size:0.1rem;}
.IndShoAC{ width:42%; line-height:0.18rem;}
.IndShoAC h3{ font-weight:600; font-size:0.13rem; color:#ff4400;}
.IndShoAC h4{ color:#7c7c7c; font-weight:500; font-size:0.1rem;}
.IndShoAR{ color:#1d4cc8; font-size:0.13rem; width:18%; text-align:right;}
/******************
--------保险--------
******************/
.InsureT{ padding:0.1rem 4%; width:92%;display:flex;justify-content:center;}
.InsureTa{ width:28%; text-align:center; font-size:0.12rem; color:#1e4878; line-height:0.26rem;}
.InsureTa i{ width:0; height:0.04rem; background:#1d4cc8; margin:0 auto; display:block; border-radius:0.02rem;}
.InsureTao{ color:#1d4cc8; font-size:0.14rem; font-weight:600;}
.InsureTao i{ width:0.35rem;}
.InsureK{ width:92%; padding:0 4% 0.1rem;}
.InsureN{width:92%; padding:0 4%; background:#FFF; border-radius:0.05rem; box-shadow:0 0 5px rgba(0,0,0,0.1); display:none;}
.InsureNA{line-height:0.2rem; padding:0.13rem 0; border-top:0.01rem solid #eee;display:flex;justify-content:space-between; color:#000;}
.InsureNA:first-child{border-top:none;}
.InsureAL{ width:48%;}
.InsureAL h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#313131; font-weight:600; font-size:0.13rem}
.InsureAL h4{ color:#696969; font-weight:500; font-size:0.1rem;}
.InsureAC{ width:24%;}
.InsureAC h3{ font-weight:600; font-size:0.13rem;}
.InsureAC h4{ color:#696969; font-weight:500; font-size:0.1rem;}
.InsureAR{ color:#c60500; font-size:0.13rem; width:18%; text-align:right; font-weight:600;}
/******************
------最新资讯------
******************/
.NewK{ width:92%; padding:0.12rem 4% 0.15rem;}
.NewA{ width:93%; padding:0.05rem 3.5% 0.1rem; background:#FFF; border-radius:0.05rem; display:block; margin-bottom:0.1rem;}
.NewA h3{ line-height:0.28rem; font-weight:600; color:#000; font-size:0.13rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewA p{ margin:0.05rem 0; font-size:0.11rem; line-height:0.18rem; color:#676767;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.NewA h5{ color:#999; line-height:0.18rem; font-size:0.11rem;}
.NewBu{ font-size:0.12rem; color:#008aff; background:#e2f0fe; border:0.01rem solid #a9d4fd; border-radius:0.03rem; line-height:0.2rem; height:0.2rem; width:0.65rem; text-align:center;}
/******************
------资讯详情------
******************/
.NewDT{line-height:0.2rem; font-weight:600; color:#000; font-size:0.13rem; padding-top:0.05rem;}
.NewDS{color:#999; line-height:0.22rem; font-size:0.11rem; margin-bottom:0.05rem;}
.NewDn{ padding-top:0.2rem;}
.NewDn p{ color:#676767; line-height:0.2rem; font-size:0.13rem; text-align:justify;}
.NewDn img{ margin:0.15rem auto;}
/******************
--------我的--------
******************/
.MyB{background-image:url(../images/back/MyBack.png)}
.Myhd{background:url(../images/back/MyBack.png) no-repeat top center; background-size:100%; border-bottom:none;}
.Myhd .HdCon{ color:#FFF;}
.MyFile{ height:0.32rem; width:92%; padding:0 4%; font-size:0.13rem; color:#FFF;display:flex;align-items:center;}
.MyFile i{ width:7%; height:0.2rem; display:block; background-repeat:no-repeat; background-position:left center; background-size:0.16rem; background-image:url(../images/icon/MyFile.png)}
.MyFile p{ font-size:0.12rem;}
.MyFileK{height:0.32rem; width:92%; padding:0 4%;display:flex;align-items:center;justify-content:space-between;}
.Myposs{font-size:0.13rem;color:#FFF; width:40%; text-align:right; display:block;}
.MyTop{ position:relative;width:92%;margin:0 auto 0.07rem;background:#FFF;padding:0.35rem 0 0.15rem;border-radius:0.05rem;box-shadow:0 0 7px rgba(0,0,0,0.08)}
.MyTopic{border:0.03rem solid #FFF;background:#FFF;width:0.54rem;height:0.54rem;border-radius:50%;overflow:hidden; position:absolute; top:-0.25rem; left:50%; margin-left:-0.3rem;}
.MyTop h3{ font-size:0.13rem; text-align:center; color:#000; line-height:0.2rem; font-weight:600;}
.MyTop h4{ font-size:0.11rem; text-align:center; color:#676767; line-height:0.18rem; font-weight:500;}
.MyTopA{ text-align:center; display:block; color:#11c7d8; font-size:0.13rem; background:#d7f6f8; line-height:0.24rem; height:0.24rem; border-radius:0.12rem; width:70%; margin:0.05rem auto 0;}
.MyCn{ width:92%; margin:0 auto 0.13rem; background:#FFF; padding:0.1rem 0 0.1rem; border-radius:0.05rem;box-shadow:0 0 7px rgba(0,0,0,0.08)}
.MyCnT{display:flex;justify-content:space-between;align-items:center;height:0.24rem; width:92%; padding:0 4%;}
.MyCnT h3{font-size:0.15rem; color:#434343; font-weight:600;}
.MyCnJ{ background-size:0.14rem; color:#606a6b; font-size:0.12rem; line-height:0.2rem; padding-right:0.18rem; background-repeat:no-repeat; background-position:center right; background-image:url(../images/icon/MyI02.png)}
.MyCnQ{width:92%; padding:0.1rem 4% 0.1rem;display:flex;justify-content:space-between;align-items:center;}
.MyCnQA{ width:40.5%; padding:0.08rem 4%; background-color:#f4f4f4; background-repeat:no-repeat; border-radius:0.05rem; background-position:right bottom; background-size:0.4rem;}
.MyCnQA1{ background-image:url(../images/back/MyB02.png)}
.MyCnQA2{ background-image:url(../images/back/MyB01.png)}
.MyCnQAT{display:flex;justify-content:space-between;align-items:center; height:0.22rem;}
.MyCnQAT h3{ font-weight:500; color:#000; font-size:0.13rem;}
.MyCnQA h4{background-repeat:no-repeat;background-size:0.18rem;background-image:url(../images/icon/eyeI01.png);width:0.18rem; height:0.18rem;display:block;}
.invisible { background-position:0 0;}
.visible {background-position:0 -0.18rem;}
.MyCnQtx{ color:#4ed3e0; font-size:0.12rem; line-height:0.18rem;}

.MyCnQAm{ color:#000; font-size:0.13rem; font-weight:600; line-height:0.22rem; height:0.22rem; width:100%; background:none; border:none;}
.MyCnK{display:flex;align-items:center; padding-top:0.1rem; padding-bottom:0.05rem;}
.MyCnA{width:25%; text-align:center; display:block;}
.MyCnA p{ font-size:0.12rem; color:#434343; line-height:0.2rem;}
.MyCnI{ margin:0 auto 0.05rem;display:block;width:0.24rem;height:0.24rem;background-size:0.24rem;background-repeat:no-repeat;background-image:url(../images/icon/MyI01.png);}
.MyCnI1{ background-position: center 0;}
.MyCnI2{ background-position: center -0.24rem;}
.MyCnI3{ background-position: center -0.48rem;}
.MyCnI4{ background-position: center -0.72rem;}
.MyCnI5{ background-position: center -0.96rem;}
.MyCnI6{ background-position: center -1.2rem;}
.MyCnI7{ background-position: center -1.44rem;}
.MyCnI8{ background-position: center -1.68rem;}
.Myblok{font-size:0.13rem;color:#086fed;width:42%;line-height:0.36rem;height:0.36rem;border-radius:0.18rem;border:0.01rem solid #086fed;display:block; text-align:center;margin:0.05rem auto 0.2rem}
/******************
------关于我们------
******************/
.AbuB{ background-color:#FFF;background-image:url(../images/back/AbuBack.png); background-size:100%; background-position:bottom center;}
.AbuK{ width:84%; padding:0.2rem 8% 0.3rem;}
.AbuLog{ width:0.8rem; margin:0 auto;}
.AbuK h3{ text-align:center; color:#000; font-size:0.15rem; line-height:0.2rem; font-weight:500;}
.AbuK h4{text-align:center; color:#838383; font-size:0.13rem; line-height:0.2rem; font-weight:500; margin-top:0.06rem;}
.AbuN{ font-size:0.13rem; line-height:0.22rem; text-align:justify; color:#838383; padding-top:0.1rem;}
/******************
------分享邀请------
******************/
.InvB{background-image:url(../images/back/InvBack.png);background-position:center 0.4rem;}
.LogK{width:80%;padding:0 5% 0.25rem; background:#FFF; border-radius:0.05rem; margin:0.3rem auto;}
/******************
------佣金记录------
******************/
.ComK{ width:100%; padding:0.12rem 0;margin-bottom:0.6rem;}
.ComN{ border-radius:0.05rem; background:#FFF; width:92%; margin:0 auto 0.1rem;}
.ComNT{display:flex;justify-content:space-between;align-items:center; height:0.36rem; border-bottom:0.01rem solid #eee; width:92%; margin:0 auto;}
.ComNT h3{ color:#000; width:50%; font-size:0.1rem; font-weight:500;}
.ComNT h4{ color:#999; text-align:right; width:50%;font-size:0.12remfont-weight:500;}
.ComNr{ padding:0.07rem 0 0;line-height:0.22rem;}
.ComNr h3{ font-size:0.13rem; color:#313131;font-weight:600; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:92%; padding:0 4%;}
.ComNr h4{ font-size:0.1rem; color:#ff4400;width:92%; padding:0 4%; line-height:0.22rem;}
.ComNr h5{ font-size:0.12rem; color:#949494; width:92%; padding:0 4%;display:flex;align-items:center;}
.ComNr .ComNt{ width:92%; padding:0 4% 0.07rem;color:#696969; font-size:0.11rem;display:flex;align-items:center;}
.ComNr .ComNt i{ display:block; width:0.2rem; height:0.15rem;background-size:0.15rem; background-repeat:no-repeat; background-position:left center; background-image:url(../images/icon/time.png)}
/******************
------收益明细------
******************/
.IncK{display:flex;justify-content:space-between;align-items:center; width:92%; padding:0.1rem 4%; background:#0381f9;}
.IncK span{ color:#FFF; font-size:0.13rem;}
.IncKa{ font-size:0.13rem; width:17%; line-height:0.26rem; height:0.26rem; color:#FFF; background:#1dd08f; border-radius:0.03rem; text-align:center;}
.IncDate{ width:31%; padding:0 3%; border:none;line-height:0.26rem; height:0.26rem;border-radius:0.03rem;}
.ComNr h5 span{ background:#5a89b6; color:#FFF; line-height:0.2rem;height:0.2rem; font-size:0.12rem; border-radius:0.03rem; padding:0 0.05rem; display:block; margin-left:0.05rem;}
.IncD{display:flex;justify-content:space-between;align-items:center; height:0.55rem;}
.IncDr{ width:19.5%; text-align:center;}
.IncDr p{ color:#686868; font-size:0.1rem;}
.IncDr span{ font-size:0.12rem; color:#ff4400; line-height:0.2rem; margin-top:0.08rem;}
.IncDx{ height:0.25rem; width:0.01rem; background:#eee;}
.IncTim{ border-top:0.01rem solid #eee; width:92%; margin:0 auto; padding:0.07rem 0; color:#696969; font-size:0.12rem; line-height:0.2rem}
/******************
------账户提现------
******************/
.WitT{  height:0.7rem; position:relative; color:#FFF; width:84%; padding:0.17rem 4%; margin:0.1rem auto 0; border-radius:0.05rem;background:linear-gradient( to right,#008aff,#114fd8);}
.WitT h3{ font-size:0.12rem;line-height:0.3rem;}
.WitT h4{ font-size:0.18rem; font-weight:600;line-height:0.4rem;}
.WitT h4 span{ font-size:0.3rem; font-size:600; margin-left:0.05rem;}
.WitPic{ height:0.8rem; position:absolute; top:0.12rem;right:0;}
.WitK{ width:84%; padding:0 4%; margin:0.1rem auto 0; background:#FFF;border-radius:0.05rem; box-shadow:0 0 7px rgba(0,0,0,0.08);}
.WitS{border-top:0.01rem solid #e5e5e5;display:flex;align-items:center;flex-wrap:wrap;width:100%; margin:0 auto; height:0.46rem}
.WitS:first-child{border-top: none;}
.WitI{ width:10%; height:0.18rem; background-size:0.18rem; display:block; background-image:url(../images/icon/IconI04.png); background-repeat:no-repeat;}
.WitI1{ background-position:0 0;}
.WitI2{ background-position:0 -0.18rem;}
.WitP{ width:26%; font-size:0.13rem; color:#191919;}
.WitInp{ width:64%; line-height:0.3rem; height:0.3rem; background:none; border:none; font-size:0.13rem;color:#000; text-align:right;}
.WitSel{ color:#3e3e3e; width:64%; padding-right:5%; line-height:0.3rem; height:0.3rem; background:url(../images/icon/CenLj.png) no-repeat right center; background-size:0.06rem; border:none; font-size:0.13rem;}
.WitBut{ width:75%; margin:0.25rem auto;}
.WitInp1{ text-align:left;}
/******************
-----完善用户信息-----
******************/
.InfTop{ padding-top:0.3rem; padding-bottom:0.15rem;}
.InfTopX{ width:78%; height:0.05rem; background:#e1e8f5; display:block; margin:0 auto -0.1rem;}
.InfTopH{display:flex;justify-content:space-between;align-items:center;}
.InfTopA{ color:#b6bfcd; width:25%; text-align:center; display:block;}
.InfTopA h3{font-size:0.13rem; padding-top:0.05rem; line-height:0.24rem;}
.InfTopA p{ background:#FFF;border:0.04rem solid #bbd1f0; border-radius:50%; width:0.08rem; height:0.08rem; margin:0 auto;}
.InfTopAo p{ border:0.04rem solid #0b65e7;}
.InfTopAo{ color:#000}
.InfB{ display:none;}
.InfN{width:92%; background:#fff; border-radius:0.05rem; margin:0 auto ;}
.InfS{border-top:0.01rem solid #e5e5e5;display:flex;align-items:center;flex-wrap:wrap;width:96%; padding-right:4%; height:0.46rem}
.InfS:first-child{border-top: none;}
.LogV4{ background-position: center -0.6rem;}
.LogV5{ background-position: center -0.8rem;}
.LogV6{ background-position: center -1rem;}
.InfBut{ width:78%; margin:0.3rem  auto 0.2rem;}
.InfTow{ margin-bottom:0.25rem;}
.InfImg{ margin:0 auto 0.1rem;width:66%;position:relative; text-align:center; background:#f9f9f9; border-radius:0.05rem; border:0.05rem solid #FFF; overflow:hidden;}
.InfImg img{ max-height:100%; max-width:100%; position:relative;}
.InfIn{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0;z-index:100;}
.InfImy{ width:100%; min-height:0.4rem;position:absolute;top:50%;left:0;margin-top:-0.2rem;z-index:98; background:url(../images/icon/Img.png) no-repeat top center; background-size:0.4rem;}
.InfImy p{font-size:0.12rem; color:#333333; text-align:center; padding-top:0.5rem; line-height:0.15rem;}
.InfTow h3{ font-size:0.13rem; color:#333333; text-align:center;}
.InfThr{margin-bottom:0.25rem;}
.InfThr .InfImg{ margin:0 auto 0.1rem;width:89%;}
.Infor2 .InfBut{ margin:0 auto 0.6rem}
.Infor3 .InfBut{ margin:0 auto 0.6rem}
.Infor3 .InfN{ margin:0 auto 0.1rem}
.Infor3 .InfImy{ margin-top:-0.4rem;}
.Infor3 .InfImg{z-index:99;}
/******************
-----上传转账凭证-----
******************/
.UplImg{ width:92%; margin:0.1rem auto; background:#FFF; border-radius:0.05rem; overflow:hidden; position:relative;}
.UplImg img{ max-height:100%; max-width:100%; z-index:99; position:relative;}
.UplImy{ width:100%; min-height:0.35rem;position:absolute;top:50%;left:0;margin-top:-0.35rem;z-index:1; background:url(../images/icon/Img1.png) no-repeat top center; background-size:0.35rem;}
.UplImy p{font-size:0.13rem; color:#565656; text-align:center; padding-top:0.45rem; line-height:0.2rem;}
.UplS{border-top:0.01rem solid #e5e5e5;display:flex;align-items:center;flex-wrap:wrap;width:92%; margin:0 auto; height:0.44rem}
.UplS:first-child{border-top: none;}
.Uplab{ width:25%; font-size:0.13rem; color:#000;}
.UplI{ border:none;font-size:0.13rem; line-height:0.36rem;height:0.36rem;color:#000; background:none; width:75%;}
/******************
------交易记录------
******************/
.TraHd{display:flex;justify-content:space-between;align-items:center; background:#FFF; width:92%; padding:0 4%; height:0.44rem;}
.TraHdx{ height:0.26rem; width:0.01rem; background:#dcdcdc;}
.TraHdk{ width:49%; height:0.44rem; position:relative;}
.TraHda{ width:100%;display:flex;justify-content:center;align-items:center; height:0.44rem; color:#181818;}
.TraHda p{ font-size:0.13rem; padding:0 0.06rem;}
.TraHda span{width:0.11rem;height:0.11rem; background-size:0.11rem;display:block;background-repeat:no-repeat;background-position: center;background-image:url(../images/icon/CenLj.png);transition:0.5s;}
.TraHdI{ width:0.15rem; height:0.15rem; background-size:0.15rem; display:block; background-repeat:no-repeat; background-image:url(../images/icon/IconI04.png)}
.TraHdI1{ background-position:0 -0.3rem;}
.TraHdI2{ background-position:0 -0.45rem;}
.TraHdao span{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transition:0.5s;}
.TraHdN{ display:none; position:absolute; top:0.44rem; border-radius:0.03rem; background:#b5b5b5; width:76%; left:12%; padding:0.05rem 0;}
.TraHdNa{ color:#FFF; width:100%; font-size:0.13rem; line-height:0.26rem; text-align:center; display:block;}

.tranTs{display:flex;justify-content:space-between;align-items:center;}
.tranTst{ width:80%; font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tranTss{ width:20%; text-align:right; color:#ffa300;}
.tranTsf{ width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tranTsd{ width:37%; text-align:right; color:#0381f9;}
.tranTd{display:flex;align-items:center;font-size:0.12rem;color:#949494;width:92%;padding:0 4% 0.1rem;}
.tranTds{ border:0.01rem solid #ff4400;color:#ff4400; line-height:0.2rem;height:0.2rem; font-size:0.12rem; border-radius:0.03rem; padding:0 0.05rem; display:block; margin-left:0.1rem;}
.tranTimK{border-top:0.01rem solid #eee;width:92%;margin:0 auto;padding:0.07rem 0;color:#696969;display:flex;justify-content:space-between;align-items:center;}
.tranTimK a{ font-size:0.1rem;color:#FFF; border-radius:0.03rem; padding:0 0.06rem;display:block; line-height:0.2rem;}
.tranTim{ width:60%; font-size:0.11rem;line-height:0.18rem;}
.tranTim P{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tranTiSA{background:#b5b5b5;}
.tranTiZA{background:#0381f9;}
.tranTiCA{background:#ff4400;}
/******************
------推荐产品------
******************/
.ProK{ padding-top:0.1rem;}
.ProS{width:84%;padding:0.15rem 4%;background:#FFF;border-radius:0.05rem;margin:0 auto 0.1rem;display:flex;justify-content:space-between;align-items:center;}
/******************
------产品购买------
******************/
.PorBut{ width:78%; margin:0.1rem  auto 0.2rem;}
.PrBuT{width:84%;padding:0.1rem 4% 0.08rem;background:#FFF;border-radius:0.05rem;margin:0.1rem auto; display:block;}
.PrBuT h3{ color:#999; line-height:0.18rem; font-size:0.12rem;}
.PrBuT h4{ color:#313131; font-size:0.13rem; font-weight:600; line-height:0.2rem;}
.PrBuTr{display:flex;justify-content:space-between;align-items:center; height:0.3rem;}
.PrBuTr h5{ color:#ff4400; font-size:0.2rem;}
.PrBuTr p{ font-size:0.12rem; color:#999;}
.PrBuN{width:92%;padding:0.08rem 0 0.15rem; margin:0 auto;background:#FFF;border-radius:0.05rem;}
.PrBuNT{display:flex;align-items:center; height:0.26rem;}
.PrBuNT i{ width:0.03rem; height:0.15rem; border-radius:0.02rem; background:#0381f9; display:block; margin-right:3%;}
.PrBuNT p{ color:#000; font-size:0.14rem;}
.PrBuNr{ padding:0.1rem 3% 0; width:94%;}
.PrBuS{ height:0.44rem;width:90%;padding:0 4%;background:#FFF;border-radius:0.05rem;margin:0 auto 0.1rem;display:flex;justify-content:space-between;align-items:center;}
.PrBuS h3{ color:#212121; font-size:0.13rem;}
.PrNumk{display:flex;justify-content:space-between;align-items:center;border-radius:0.16rem;width:0.88rem;height:0.26rem; overflow:hidden; background:#f2f2f2;}
.PrNumk span{border-radius:50%;width:0.24rem;height:0.24rem; background-size:0.16rem;background-color:#FFF; background-repeat:no-repeat; background-position:center;display:flex;justify-content:center;align-items:center;}
.PrMinus{border:0.01rem solid #e6e6e6; background-image:url(../images/icon/Minus.png)}
.PrPlus{ border:0.01rem solid #0772ef; background-image:url(../images/icon/Plus.png)}
.PrNum{ border:none; line-height:0.24rem; height:0.24rem; width:0.3rem; background:none; text-align:center; color:#000; font-size:0.13rem;}
.PrBuD{width:84%;padding:0 4% ;background:#FFF;border-radius:0.05rem;margin:0.1rem auto; display:block;}
.PrBuDT{ border-bottom:0.01rem solid #e5e5e5;display:flex;justify-content:space-between;align-items:center; height:0.44rem;}
.PrBuDT h3{ color:#212121; font-size:0.1rem;}
.PrBuDT i{width:0.11rem;height:0.11rem; background-size:0.11rem;display:block;background-repeat:no-repeat;background-position: center;background-image:url(../images/icon/CenLj.png);transition:0.5s;}
.PrBuDTo i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transition:0.5s;}
.PrBuDn{ padding:0.07rem 0;}
.PrBuDnT{display:flex;align-items:center; color:#5d5d5d;font-size:0.13rem; height:0.3rem;}
.PrBuDnT p{ font-size:0.1rem; color:#212121}
.PrBuDnI1{ background-position:0 -0.72rem;}
.PrBuDnI2{ background-position:0 -0.9rem;}
.PrBuDnT input[type="radio"]{-webkit-appearance:none;width:0.2rem;height:0.2rem;vertical-align:middle;display:block;outline:none; border:1px solid #777;border-radius:50%;margin-left:auto; background-image:url(../images/icon/check.png); background-repeat:no-repeat; background-size:0.14rem; background-position:0 -0.2rem;}
.PrBuDnT input[type="radio"]:checked{ background-position:0 center;}
/******************
------附加样式------
******************/
.TraN{background:#FFF; margin-bottom:0.07rem; display: block; border-bottom:1px solid #e5e5e5;}
.TraT{ background:#ecf2f5; height:0.34rem; width:92%; padding:0 4%;display:flex;align-items:center;}
.TraI{ width:7%; height:0.15rem; background-size:0.15rem; background-image: url("../images/icon/TraI02.png"); background-position: 0 0; background-repeat: no-repeat; display: block;}
.TraT h3{ font-size:0.12rem; color: #8b969b;}
.TraT p{ font-size:0.12rem; margin-left: auto;}
.TraC1{ color:#ff6600;}
.TraP{ width:92%; padding:0.07rem 4% 0.04rem;}
.TraP h3{ color:#000; font-size:0.13rem; line-height:0.22rem;}
.TraPr{ color:#a1a1a1; line-height:0.2rem; font-size:0.1rem;}
.TraPr span{ padding-right:0.05rem; display: inline-block;}
.TraPM{ line-height:0.24rem; color:#ff6600; font-size:0.15rem; font-weight: 600;}
.ProDetS{display:flex;justify-content:space-between;align-items:center;font-size:0.11rem;color:#a1a1a1;border-top:1px solid #e5e5e5; padding:0 4%; width:92%; height:0.32rem;}
/******************
------订单支付------
******************/
.OthTh{width:84%;padding:0.1rem 4%;background:#FFF;border-radius:0.05rem;margin:0.1rem auto;}
.OthThD{ height:0.28rem; color:#212121;display:flex;justify-content:space-between;align-items:center;}
.OthThD h3,.OthThD h4{font-size:0.1rem; width:50%;}
.OthThD h4{ text-align:right;}
.OthThD h4.OthThDc{ color:#008aff;}
/*弹出*/
.TCB{ background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0;z-index:999; display:none;}
.TCnr{ position:fixed; margin:0 auto; left:0; right:0; z-index:1000; display:none;}
.TCK{width:80%; background:#FFF; top:25%; border-radius:0.03rem; overflow:hidden;}
.TCKn{ text-align:center; font-size:0.13rem; color:#000; padding:0.2rem 0 0.1rem; line-height:0.22rem;}
.TCKnI{ width:0.4rem; margin:0 auto 0.08rem;}
.TCKnt{ font-size:0.14rem; font-weight:600; text-align:center; color:#ff5400;}
.TCKZ{ color:#1e1e1e; width:64%; margin:0 auto 0.22rem;}
.TCKZs{display:flex;align-items:center; height:0.25rem; font-size:0.12rem;}
.TCKZs p{ width:89%}
.TCKI{ width:11%; height:0.15rem; background-size:0.15rem; display:block; background-image:url(../images/icon/IconI04.png); background-repeat:no-repeat;}
.TCKI1{ background-position:0 -0.9rem;}
.TCKI2{ background-position:0 -1.05rem;}
.TCBz{ width:55%; line-height:0.36rem; border-radius:0.18rem; margin:0 auto 0.15rem; font-size:0.13rem; background:#ff5400;text-align:center; display:block; color:#FFF;}








/************
    ***************/

.fmCss_tbx{ width:45%; line-height:0.3rem; height:0.3rem; background:none; border:none; font-size:0.13rem;color:#000;}


/*display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;*/