css.3ce18ce9.css 27 KB

1234567891011121314151617181920212223242526272829303132333435363738
  1. /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{margin:.67em 0;font-size:2em}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:none}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{display:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{font-family:Microsoft YaHei,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;word-break:break-all;word-wrap:break-word}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}img,video{max-width:100%;max-height:100%}article,aside,blockquote,body,button,code,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,input,legend,li,menu,nav,ol,p,pre,section,td,textarea,th,ul{padding:0;margin:0}ol,ul{list-style:none}button{position:relative;display:inline-block;height:32px;padding:0 15px;font-size:14px;font-weight:400;line-height:1.499;color:rgba(0,0,0,.65);text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;-webkit-box-shadow:0 2px 0 rgba(0,0,0,.015);box-shadow:0 2px 0 rgba(0,0,0,.015);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}a,button{cursor:pointer;outline:none}a{text-decoration:none;background-color:rgba(0,0,0,0);-webkit-transition:color .3s;transition:color .3s;-webkit-text-decoration-skip:objects}a:focus{text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}a:active,a:hover{text-decoration:none;outline:0}a[disabled]{color:#f9f9f9;pointer-events:none;cursor:not-allowed}.clearfix{zoom:1}.clearfix:after,.clearfix:before{display:table;content:""}.clearfix:after{clear:both}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-badge{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-size:contain}
  2. .x-badge--wx{background-image:url(/yuzhua/img/wx.1c47e08f.png)}.x-badge--bj{background-image:url(bj.6a8061fd.png)}.x-badge--d{background-image:url(d.59faf7c4.png)}
  3. .x-badge--dy{background-image:url(dy.bdd7f001.png)}.x-badge--ks{background-image:url(ks.c23f1bf2.png)}.x-badge--qe{background-image:url(qe.3036d686.png)}
  4. .x-badge--qq{background-image:url(qq.a5588687.png)}.x-badge--sh{background-image:url(sh.a6b73821.png)}.x-badge--tt{background-image:url(tt.2ef65322.png)}
  5. .x-badge--uc{background-image:url(uc.78ccab29.png)}.x-badge--v{background-image:url(v.845877d2.png)}.x-badge--wb{background-image:url(wb.27f8bd37.png)}
  6. .x-badge--wy{background-image:url(wy.a1160962.png)}.x-badge--xcx{background-image:url(xcx.5c6f5b4b.png)}.x-badge--xhs{background-image:url(xhs.2085a187.png)}
  7. .x-badge--yd{background-image:url(yd.4dd61400.png)}.x-badge--z{background-image:url(z.e93549c0.png)}
  8. .detail{min-width:1200px;padding-bottom:40px;background-color:#e8e6f0;background-image:url(bg.e79a717b.png);background-repeat:no-repeat;background-size:contain;text-align: left;}
  9. .detail-breadcrumb{width:1200px;padding:25px 0;margin:0 auto;font-size:12px;color:#b3b3b3}.detail-breadcrumb a{color:#b3b3b3}.detail-breadcrumb__icon{position:relative;top:-2px}.detail-main{width:1200px;margin:0 auto 25px}.detail-main__left{position:relative;float:left;width:930px;height:540px;background-color:#fff}.detail-main__right{position:relative;float:right;width:260px;height:540px;background-color:#fff;background-image:url(bg.bec9041d.png);background-repeat:no-repeat;background-size:100% 100%}.detail-title{padding:20px 35px 20px 20px}.detail-title__name{height:56px;margin-bottom:20px;font-size:18px;line-height:28px;color:#4d4d4d}.detail-title__name i{position:relative;top:3px}.detail-title__tag{padding:4px 12px;margin-right:5px;font-size:12px;text-align:center;border-radius:10px}.detail-title__tag--vip{color:#b37524;background-color:#f7f2df}.detail-title__tag--shop{color:#5d3ec2;background-color:#ebe9f7}.detail-title__tag--type{color:#3665c2;background-color:#e9edf7}.detail-title__tag--category{color:#eb5b2f;background-color:#f7ece9}.detail-info{padding:24px 20px 20px;background-color:#f6f5f7}
  10. .detail-info__price{float:left}.detail-info__price b{font-size:14px;font-weight:700;color:#666}
  11. .detail-info__price i{font-size:16px;font-style:normal;font-weight:700;color:#ff6232}
  12. .detail-info__price mark{position:relative;top:2px;font-size:42px;font-weight:700;color:#ff6232;background-color:rgba(0,0,0,0)}
  13. .detail-info__price span{position:relative;top:-3px;padding:5px;margin-left:5px;font-size:12px;color:#fff;background-color:#ff6232;border-radius:5px 5px 5px 0}
  14. .detail-info__price span:before{position:absolute;bottom:0;left:-10px;content:"";border-color:rgba(0,0,0,0) #ff6232 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:6px 10px 0 0}
  15. .detail-info__price p{font-size:12px;color:#a3a0a8;}
  16. .detail-info__control{float:right;padding-top:20px}
  17. .detail-info__control a{position:relative;padding:0 12px;font-size:13px;color:#a8a8a8;border-left:1px solid #e6e6e6;-webkit-transition:all .2s;transition:all .2s}
  18. .detail-info__control a:hover{color:#a37af5}
  19. .detail-info__control a:hover .xg-qrcode{z-index:9;opacity:1}
  20. .detail-info__control a .xg-qrcode{position:absolute;bottom:-10px;left:10px;z-index:-1;width:200px;height:200px;background-color:#fff;border:1px solid #6a4cff;-webkit-box-shadow:0 0 21px 3px rgba(0,0,0,.1);box-shadow:0 0 21px 3px rgba(0,0,0,.1);opacity:0;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}
  21. .detail-info__control a .xg-qrcode__icon{position:absolute;top:-7px;left:100px;width:0;height:0;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #6a4cff;border-style:solid;border-width:0 7px 7px}.detail-info__control a .xg-qrcode__icon:after{position:absolute;top:7px;right:0;bottom:0;left:-6px;width:0;height:0;margin:auto;content:"";border-color:rgba(0,0,0,0) rgba(0,0,0,0) #fff;border-style:solid;border-width:0 6px 6px}.detail-info__control a .xg-qrcode img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.detail-info__control a .x-icon{color:#a37af5}.detail-info__control a>img{position:relative;top:2px}.detail-info ul{margin-top:30px;background-color:#fff;border-radius:4px}.detail-info ul li{float:left;width:148px;height:115px;padding:35px 20px 0 30px}.detail-info ul li:not(:last-child){border-right:1px solid #f2f2f2}.detail-info ul li span{display:block}.detail-info ul li span:first-child{margin-bottom:15px;font-size:13px;color:#959595}.detail-info ul li span:nth-child(2){font-size:18px;color:#1a1a1a}.detail-action{padding:30px 20px}.detail-action__btn{display:inline-block;height:42px;padding:0 33px;font-size:16px;font-weight:700;line-height:42px;color:#fff;border:none;border-radius:4px}.detail-action__btn img{position:relative}.detail-action__btn:first-child{background-color:#863dfc}.detail-action__btn:first-child img{top:1px}.detail-action__btn:first-child:hover{background-color:#aa77fd}.detail-action__btn:nth-child(2){background-color:#576fff}.detail-action__btn:nth-child(2) img{top:3px}.detail-action__btn:nth-child(2):hover{background-color:#899aff}.detail-action__btn:nth-child(3){font-size:14px;font-weight:400;color:#999;background-color:rgba(0,0,0,0);border:1px solid #dddae6}.detail-action__btn:nth-child(3) img{top:1px}.detail-action__btn:nth-child(3):hover{color:#fff;background-color:#d69cff}.detail-action span{font-size:12px;color:#666666;margin-left:5px;}.detail-tips{height:54px;line-height:54px;border-top:1px dashed #e6e6e6}.detail-tips li{position:relative;display:inline;padding:0 20px;font-size:13px;color:#999}
  22. .detail-tips li img{position:relative;top:2px}.detail-tips li:not(:last-child):after{position:absolute;top:50%;right:0;width:1px;height:9px;content:"";background-color:#dfe1e5;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.detail-qrcode{position:relative;width:100%;height:30px;font-size:12px;line-height:30px;color:#ad8072;text-align:center;background-color:#f2e3df}.detail-qrcode:hover .detail-qrcode__img{height:210px}.detail-qrcode__icon{position:relative;top:2px}.detail-qrcode__img{width:100%;height:0;background-color:#fff;-webkit-transition:all .2s;transition:all .2s}.detail-qrcode__img img{width:120px;height:120px;margin-top:40px;-o-object-fit:contain;object-fit:contain}.detail-service{padding-top:20px}.detail-service__avatar{width:140px;height:140px;padding:10px;margin:0 auto 20px;background-color:#fff}.detail-service__avatar,.detail-service__avatar img{border-radius:50%}.detail-service__name{z-index:2;position: relative;padding:0 10px;margin-bottom:24px;font-size:16px;font-weight:700;color:#3d3d3d;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-service__info{width:228px;margin:0 auto 12px;background-color:#fff;border-radius:4px}.detail-service__info p{height:50px;padding:0 12px;font-size:14px;line-height:50px;color:#8f8f8f}.detail-service__info p:not(:last-child){border-bottom:1px dashed #ebebeb}.detail-service__btn{display:block;width:228px;height:42px;margin:0 auto;font-size:14px;font-weight:700;line-height:42px;color:#fff;text-align:center;background-color:#4662eb;border-radius:4px}.detail-service__btn .x-icon{font-weight:400}.detail-service__btn img{position:relative;top:3px}.detail-service__btn:active,.detail-service__btn:hover{background-color:#899aff}.detail-service__feedback{position:absolute;bottom:0;left:0;width:260px;height:54px;line-height:54px;text-align:center;background-color:#fff;border-top:1px dashed #ebebeb}.detail-service__feedback a{display:inline-block;height:30px;padding:0 12px;font-size:14px;line-height:30px;border-radius:15px}.detail-service__feedback a:first-child{color:#beafdb;border:1px solid #beafdb}.detail-service__feedback a:first-child:active,.detail-service__feedback a:first-child:hover{color:#fff;background-color:#beafdb}.detail-service__feedback a:nth-child(2){color:#a1b8e5;border:1px solid #a1b8e5}.detail-service__feedback a:nth-child(2):active,.detail-service__feedback a:nth-child(2):hover{color:#fff;background-color:#a1b8e5}.detail-tabs{z-index:1000;width:1200px;height:60px;margin:0 auto;overflow:hidden;background-color:#fafafa}.detail-tabs.fixed{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.detail-tabs.fixed+.detail-tabs--placeholder{display:block}.detail-tabs--placeholder{display:none;height:60px;visibility:hidden}.detail-tabs a{float:left;width:154px;height:100%;font-size:16px;line-height:60px;color:#666;text-align:center;border-right:1px solid #e6e6e6}.detail-tabs a:hover{color:#863dfc}.detail-tabs a.active{position:relative;font-weight:700;color:#863dfc;background-color:#fff;border-right:none}.detail-tabs a.active:after{position:absolute;bottom:5px;left:50%;content:"";border:4px solid rgba(0,0,0,0);border-top-color:#863dfc;-webkit-transform:translate(-50%);transform:translate(-50%)}.detail-panel{width:1200px;padding:50px 30px 40px;margin:0 auto 20px;background-color:#fff}.detail-panel__title{margin-bottom:15px}.detail-panel__title b{font-size:26px;font-weight:700;color:#424242}.detail-panel__title i{font-size:30px;font-style:normal;font-weight:400;color:#ccc}.detail-panel__title span{font-size:12px;color:#ccc}.detail-panel__intro{margin-bottom:35px;font-size:14px;color:#a8a8a8}.detail-panel table{border-collapse:collapse;border:1px solid #e5e5e5}.detail-panel table tr td{width:140px;height:60px;font-size:14px;color:#333;text-align:center;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.detail-panel table tr td:nth-child(2n - 1){color:#8f8f8f;background-color:#fafafa}.detail-echarts{width:1200px;padding:50px 20px 40px;margin:0 auto 20px;background-color:#fff}.detail-echarts__tabs{float:left;width:140px;padding:30px 0;border:1px solid #e5e5e5}.detail-echarts__tabs a{position:relative;float:left;width:100%;font-size:14px;font-weight:700;color:#4d4d4d;text-align:center;-webkit-transition:color .2s;transition:color .2s}.detail-echarts__tabs a:not(:last-child){margin-bottom:25px}.detail-echarts__tabs a:before{position:absolute;top:0;left:0;width:4px;height:0;content:"";background-color:#93c2f5;-webkit-transition:all .2s;transition:all .2s}.detail-echarts__tabs a.active,.detail-echarts__tabs a:hover{color:#93c2f5}.detail-echarts__tabs a.active:before,.detail-echarts__tabs a:hover:before{height:40px}.detail-echarts__tabs a.active .detail-echarts__icon,.detail-echarts__tabs a:hover .detail-echarts__icon{background-color:#93c2f5}.detail-echarts__icon{width:40px;height:40px;padding:10px;margin:0 auto 10px;background-color:#cdcdcd;border-radius:50%;-webkit-transition:background-color .2s;transition:background-color .2s}.detail-echarts__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.detail-echarts__wrapper{position:relative;float:right;width:1016px;height:492px;border:1px solid #e5e5e5}.detail-echarts__content{position:absolute;top:0;left:0;width:100%;height:100%;padding:10px;overflow:hidden;background:url("../list_images/details/img-12.png") no-repeat center center}.detail-echarts__content-title{padding-top:25px;padding-left:35px;font-size:16px;font-weight:700;color:#4d4d4d}.detail-echarts__content .x-account{margin-bottom:10px;background-color:#fff}.detail-echarts__content .x-account__left{float:left;width:50%;padding:36px 0 36px 40px;border-right:1px solid #eee}.detail-echarts__content .x-account__avatar{float:left;width:82px;height:82px;margin-right:15px;line-height:82px;text-align:center;background-color:#f0f0f0;border-radius:50%}.detail-echarts__content .x-account__avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.detail-echarts__content .x-account__info{float:left}.detail-echarts__content .x-account__info p:first-child{margin-bottom:10px;font-size:16px;color:#4d4d4d}.detail-echarts__content .x-account__info p:first-child span{padding:2px 8px;font-size:14px;color:#fff;background-color:#8b9bf4;border-radius:4px}.detail-echarts__content .x-account__info p:nth-child(2){margin-bottom:15px;font-size:14px;color:#999}.detail-echarts__content .x-account__info p:nth-child(3) span{margin-right:20px;font-size:14px;color:#4d4d4d}.detail-echarts__content .x-account__info p:nth-child(3) span .x-icon{font-size:16px;font-weight:700;color:#55bc28}.detail-echarts__content .x-account__right{float:left;width:50%;padding-top:30px}.detail-echarts__content .x-account__more{float:left;width:50%;height:96px;padding-top:25px;text-align:center;border-right:2px solid hsla(0,0%,93.3%,.57)}.detail-echarts__content .x-account__more p{margin-bottom:10px;font-size:14px;color:#999}.detail-echarts__content .x-account__more mark{font-size:16px;color:#ef4b61;background-color:rgba(0,0,0,0)}.detail-echarts__content .x-account__more span{font-size:16px;color:#55b77c}.detail-echarts__content .x-region{width:100%;height:290px;padding:40px;background-color:#fff}.detail-echarts__content .x-region__tab{float:left;padding:10px 50px 15px;margin-bottom:30px;text-align:center}.detail-echarts__content .x-region__tab:not(:last-child){border-right:1px solid #f0f0f0}.detail-echarts__content .x-region__tab:first-child{padding-left:0}.detail-echarts__content .x-region__tab:last-child{padding-right:0}.detail-echarts__content .x-region__tab p:first-child{margin-bottom:10px;font-size:14px;color:#999}.detail-echarts__content .x-region__tab p:nth-child(2){font-size:16px;color:#4d4d4d}.detail-echarts__content .x-region__scale ul{width:450px;height:26px;margin-bottom:35px;white-space:nowrap}.detail-echarts__content .x-region__scale ul li{display:inline-block}.detail-echarts__content .x-region__scale ul li:first-child{height:0;border-top:26px solid #e5e5e5;border-right:26px solid rgba(0,0,0,0);border-left:0 solid rgba(0,0,0,0)}.detail-echarts__content .x-region__scale ul li:nth-child(2){height:26px;background-color:#93c2f5;-webkit-transform:skew(-45deg);transform:skew(-45deg)}.detail-echarts__content .x-region__scale ul li:nth-child(3){height:0;border-right:0 solid rgba(0,0,0,0);border-bottom:26px solid #8b9bf4;border-left:26px solid rgba(0,0,0,0)}.detail-echarts__content .x-region__scale .x-tags__item{float:left;margin-right:30px;font-size:14px;color:#4d4d4d}.detail-echarts__content .x-region__scale .x-tags__item:first-child i{background-color:#e5e5e5}.detail-echarts__content .x-region__scale .x-tags__item:nth-child(2) i{background-color:#93c2f5}.detail-echarts__content .x-region__scale .x-tags__item:nth-child(3) i{background-color:#8b9bf4}.detail-echarts__content .x-region__scale .x-tags__item i{position:relative;top:5px;display:inline-block;width:20px;height:20px;border-radius:4px}.detail-echarts__content .x-fans{margin-top:30px;text-align:center}.detail-echarts__content .x-fans a{display:inline-block;padding:4px 18px;margin-right:10px;font-size:14px;color:#fff;text-align:center;border:1px solid rgba(0,0,0,0);border-radius:15px;-webkit-transition:all .2s;transition:all .2s}.detail-echarts__content .x-fans a:first-child{background-color:#8b9bf4}.detail-echarts__content .x-fans a:first-child:hover{color:#8b9bf4;background-color:#fff;border-color:#8b9bf4}.detail-echarts__content .x-fans a:nth-child(2){background-color:#93c2f5}.detail-echarts__content .x-fans a:nth-child(2):hover{color:#93c2f5;background-color:#fff;border-color:#93c2f5}.detail-echarts__content #conversionEcharts,.detail-echarts__content #countEcharts,.detail-echarts__content #fansEcharts,.detail-echarts__content #mapEcharts,.detail-echarts__content #originEcharts,.detail-echarts__content #trendEcharts{width:900px;height:350px;margin:0 auto}.detail-echarts__content .map-table{position:absolute;top:150px;left:650px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.detail-echarts__content .map-table.x-table{padding-top:0}.detail-echarts__content .map-table.x-table table{width:387px}.detail-echarts__content .map-table__1,.detail-echarts__content .map-table__2,.detail-echarts__content .map-table__3{background-color:rgba(0,0,0,0)}.detail-echarts__content .map-table__1{color:#8b9bf4}.detail-echarts__content .map-table__2{color:#93c2f5}.detail-echarts__content .map-table__3{color:#e193f5}.detail-echarts__img{width:100%;height:90%;-o-object-fit:contain;object-fit:contain}.detail-echarts .x-table{padding-top:30px;text-align:center}.detail-echarts .x-table table{width:610px;margin:0 auto;text-align:center}.detail-echarts .x-table tr{height:45px}.detail-echarts .x-table th{font-size:16px;font-weight:700;color:#4d4d4d;background-color:#f5f5f9}.detail-echarts .x-table td{font-size:14px;color:#4d4d4d}.detail-echarts .x-table tbody{width:610px;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(147,194,245,.21);box-shadow:0 2px 8px 0 rgba(147,194,245,.21)}.detail-echarts .x-table__tabs{margin-bottom:20px}.detail-echarts .x-table__tabs a{display:inline-block;padding:5px 20px;margin-right:10px;font-size:14px;color:#999;border:1px solid #ccc;border-radius:15px;-webkit-box-shadow:0 2px 8px 0 rgba(147,194,245,.21);box-shadow:0 2px 8px 0 rgba(147,194,245,.21);-webkit-transition:all .2s;transition:all .2s}.detail-echarts .x-table__tabs a.active{color:#fff;background-color:#8b9bf4}.detail-echarts .x-table__body table:not(:first-child){display:none}.detail-step{width:1200px;height:420px;padding-top:60px;margin:0 auto 20px;background-color:#fff}.detail-step__body{padding:0 75px;margin:0 auto}.detail-step__item{float:left;width:190px;text-align:center}.detail-step__item:not(:last-child){margin-right:95px}.detail-step__item:hover .detail-step__img{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.detail-step__item:hover .detail-step__count{color:#a2c3f1;border-color:#a2c3f1}.detail-step__img{width:100%;height:150px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;transition:transform .2s,-webkit-transform .2s;-o-object-fit:contain;object-fit:contain}.detail-step__label{margin-bottom:18px;font-size:22px;color:#323232}.detail-step__value{margin-bottom:18px;font-size:14px;color:#999}.detail-step__count{width:42px;height:42px;margin:0 auto;font-size:14px;line-height:42px;color:#999;text-align:center;border:1px solid #e5e5e5;border-radius:50%;-webkit-transition:all .2s;transition:all .2s}.detail-name{margin-bottom:15px;text-align:center}.detail-name span{position:relative;display:inline;padding:0 15px;font-size:26px;font-weight:700;color:#424242}.detail-name span:after,.detail-name span:before{position:absolute;top:50%;width:180px;height:13px;content:"";background-repeat:no-repeat;background-size:contain}.detail-name span:before{left:0;background-image:url(left.9a56b21a.png);-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%)}.detail-name span:after{right:0;background-image:url(right.1f1675de.png);-webkit-transform:translate(100%,-50%);transform:translate(100%,-50%)}.detail-name p{margin-top:10px;font-size:12px;color:#ccc}.detail-question{width:1200px;padding:50px 30px 40px;margin:0 auto 20px;background-color:#fff}.detail-question__item{float:left;width:364px;height:204px;padding:0 10px;border:1px solid #e5e5e5;border-radius:4px;-webkit-transition:border-color .2s;transition:border-color .2s}.detail-question__item:not(:last-child){margin-right:22px}.detail-question__item:hover{border-color:#a2c3f1}.detail-question__item:hover .detail-question__value{color:#666}.detail-question__item:hover .detail-question__label{color:#333}.detail-question__item:hover .detail-question__link{color:#a37af5}.detail-question__label{padding:18px 0;font-size:16px;font-weight:700;color:#53545c;border-bottom:1px dashed #e6e6e6;-webkit-transition:color .2s;transition:color .2s}.detail-question__label .detail-question__icon{background-color:#83b6fc}.detail-question__value{position:relative;padding-top:20px;padding-bottom:24px;margin-bottom:24px;font-size:14px;line-height:20px;color:#999;-webkit-transition:color .2s;transition:color .2s}.detail-question__value:after{position:absolute;bottom:0;left:30px;width:34px;content:"";border-bottom:1px dashed #e1e1e1}.detail-question__value .detail-question__icon{background-color:#d69cff}.detail-question__icon{position:absolute;left:0;width:20px;height:20px;font-size:12px;line-height:20px;color:#fff;text-align:center;border-radius:3px}.detail-question__label,.detail-question__value{position:relative;padding-left:30px}.detail-question__more{display:block;width:270px;height:60px;margin:30px auto 0;font-size:15px;line-height:60px;color:#757575;text-align:center;border:4px solid #f5f5f5}.detail-question__more:hover{color:#333}.detail-question__more .x-icon{font-size:13px;font-weight:bolder}.detail-question__link{padding-left:30px;font-size:12px;color:#999}.detail-question__link .x-icon{font-size:12px}.detail-rec{width:1200px;padding:50px 30px 45px;margin:0 auto;background-color:#fff}.detail-rec__title{position:relative;margin-bottom:24px;background-image:url(line.a7c94077.png);background-repeat:no-repeat;background-position:100% 100%}.detail-rec__title i{font-size:30px;font-style:normal;color:#ccc}.detail-rec__title b{font-size:26px;font-weight:700;color:#424242}.detail-rec__title span{font-size:12px;color:#ccc}.detail-rec__title a{position:absolute;right:21px;bottom:13px;font-size:14px;color:#a8a8a8}.detail-rec__item{float:left;width:364px;padding:30px 0;background-color:#f7f7f7;border:1px solid rgba(0,0,0,0);border-radius:4px;-webkit-transition:all .2s;transition:all .2s}.detail-rec__item:not(:last-child){margin-right:22px}.detail-rec__item:hover{background-color:#fff;border-color:#e5e5e5}.detail-rec__name{display:block;padding:0 20px;margin-bottom:30px;font-size:18px;color:#333}.detail-rec__name .x-badge{position:relative;top:2px}.detail-rec__numberboard{margin-bottom:28px}.detail-rec .xg-cell{float:left;width:120px;text-align:center}.detail-rec .xg-cell:not(:last-child){border-right:1px solid #e0e0e0}.detail-rec .xg-cell__label{display:block;margin-bottom:10px;font-size:12px;color:#bdbdbd}.detail-rec .xg-cell__value{font-size:16px;color:#666}.detail-rec__type{padding:0 30px;margin-bottom:30px;font-size:12px;color:#a8a8a8}.detail-rec__type span:first-child{padding-right:5px;margin-right:10px;border-right:1px solid #e0e0e0}.detail-rec__type a{float:right;color:#bdbdbd}.detail-rec__more{padding:0 30px}.detail-rec__more a{float:right;width:32px;height:32px;font-size:18px;line-height:32px;color:#b6aec2;text-align:center;border:1px solid #e5e5e5;border-radius:50%}.detail-rec__more a .x-icon{font-size:inherit}.detail-rec__price{font-size:16px;font-weight:700;color:#fd4249}.detail-rec__price mark{font-size:26px;color:#ff6232;background-color:rgba(0,0,0,0)}.detail-info.fix-pd-rt-10 ul li{padding-right:10px}
  23. .title_introduce{font-size:14px;color:#999999;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  24. .short.detail-title__name{width:800px;margin-bottom: 4px; overflow: hidden;}.detail-info__control a[data-css-move]{position:absolute;top:26px;right:0;border-left: 0 none;padding-top:28px;width:92px;text-align:center;-webkit-transition: .6s;transition: .6s;}.detail-info__control a[data-css-move]::before{position:absolute;top:0;left:4px;content:'';height:42px;border-left:1px dashed #d3dada}.detail-info__control a[data-css-move] i {position:absolute;top:0;left:36px;width:18px;height:18px;background: url("../list_images/details/icon-1.png") no-repeat;-webkit-transition:.6s;transition:.6s;}.detail-info__control a[data-css-move] i.x-icon-like:before{content:'';}.detail-info__control a[data-css-move]:hover i{background: url("../list_images/details/icon-1-h2.png") no-repeat;}.detail-info__control a[data-css-move] i.x-icon.x-icon-like--fill{background: url("../list_images/details/icon-1-h.png") no-repeat}i.x-icon.x-icon-like--fill::before{display:none;}