::-webkit-scrollbar{width:8px;height:4px;background-color:#fafafa}

::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c1c1c1}

::-webkit-scrollbar-thumb:hover{background-color:#7d7d7d}



.color-light-gray{color:#333}



.admin-header{position:fixed;top:0;z-index:1000;padding:0 40px;width:100%;background:#f8f8f8}

.header-content{display:flex;margin:0 auto;height:40px;max-width:1500px;min-width:1200px;justify-content:space-between;align-items:center}

.am-topbar-brand{display:flex;height:40px;line-height:40px;align-items:center}

.am-topbar-brand a{display:inherit;color:#666}

.am-topbar-brand a i{color:#5490ff}

.admin-header-list>li a{display:flex;padding:0 8px;color:#666;line-height:40px}

.admin-header-list>li:last-child a{padding-right:0}

.admin-header-list>li a i{color:#999}



.nav-container{padding:0 40px;margin-top: calc(40px + 1.6rem);border-bottom:2px solid #5cadfc}

.nav-content{margin:0 auto;max-width:1500px;min-width:1200px}

.top-content{display:flex;height:90px;align-items:center;justify-content:space-between}

.top-logo{height:86px}

.top-logo img{width:204px}

.top-search{position:relative;top:4px;display:flex;width:56%;justify-content:center}

.search_tab{position:absolute;top:-28px;left:20px;line-height:28px;cursor:pointer}

.search_tab span{padding:6px 12px;border-top-right-radius:10px;border-top-left-radius:10px;color:#5490ff}

.search_tab span:hover{background:#f9f9f9}

.search_tab span.tab_active{background:linear-gradient(128deg,#579cff,#4d73ff);color:#fff}

.search_input{position:relative;display:flex;width:100%;height:38px;line-height:38px}

.am-form input[type=text],.am-form input[type=text]:focus,.search_input input{padding-left:20px;width:calc(100% - 60px);outline:0;border:2px solid #5287ff;border-bottom-left-radius:20px;border-top-left-radius:20px}

.search_input input[type=text]::-webkit-input-placeholder{color:#999}

.search_input button{position:absolute;right:0;display:flex;width:80px;height:38px;outline:0;border:none;border-radius:1000px;background:linear-gradient(128deg,#579cff,#4d73ff);color:#fff;align-items:center;justify-content:center}

.search-history{position:absolute;top:37px;left:20px;z-index:999;display:none;width:calc(100% - 90px);border:2px solid #5287ff;background:#fff;line-height:28px}

.search-history-tips{cursor:default}

.search-history a{color:#5287ff}

.search-history a:hover{background:#f8f8f8;cursor:pointer}

.hot-search{position:absolute;top:30px;left:20px;display:flex;width:100%;justify-content:flex-start;max-width: 640px;}

.hot-search a,.hot-search a:active,.hot-search a:hover,.hot-search a:visited{margin-right:15px;color:#999}

.hot-search .hot_active,.hot-search .hot_active:active,.hot-search .hot_active:hover,.hot-search .hot_active:visited{color:#f9643c}



.top-swiper{width:25%}

.swiper-container{position:relative;z-index:1;overflow:hidden;margin-right:auto;margin-left:auto}

.swiper-wrapper{position:relative;z-index:1;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;transition-property:transform}

.swiper-wrapper .swiper-slide{width:100%}

.swiper-slide a{display:flex;overflow:hidden;justify-content:center;align-items:center}

.swiper-slide a img{width:auto;}

.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;z-index:10;margin-top:-18px;width:auto;height:36px;line-height:36px;opacity:.5;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}

.swiper-button-prev{right:auto;left:10px}

.swiper-button-next:before,.swiper-button-prev:before{display:inline-flex;width:100%;height:36px;color:#fff;content:'\f137';text-align:center;font-size:24px!important;line-height:36px}

.swiper-button-next{right:10px;left:auto}

.swiper-button-next:before{content:'\f138'}

.swiper-button-next:hover,.swiper-button-prev:hover{opacity:1!important} 



.sort-btns{position:relative;display:flex;margin:1.6rem 0 0 0;padding-left:0;height:40px;list-style:none;line-height:40px}

.sort-btns a{position:relative;display:block;padding:0 26px;color:#555}

.sort-btns a.active,.sort-btns a:hover{color:#5490ff;font-weight:700}

.sort-btns a.active .active-bottom::after{position:absolute;bottom:2px;left:calc((100% - 8px)/ 2);width:0;height:0;border-color:#5491ff transparent transparent;border-style:solid;border-width:6px 6px 0;content:''}

.sort-btns a.active .active-bottom::before{position:absolute;bottom:2px;left:calc((100% - 8px)/ 2 + 6px);width:0;height:0;border-color:#a9c8ff transparent transparent;border-style:solid;border-width:6px 6px 0;content:''}



.sort-btns a::before{position:absolute;top:13px;right:0;width:2px;height:14px;background:#e4e4e4;content:""}

.sort-btns li:last-child a::before{display:none}



.fixedtool{position:fixed;right:5px;top:36%;z-index:999;border:1px solid #eee;border-radius:8px;background:#fff}

.fixedtool_num{position:absolute;top:-20px;left:0;width:36px;color:#5490ff}

.classify-screen,.fixedtool .fixedtool_1{position:relative;display:flex;width:36px;height:50px;border-radius:8px;color:#666;font-size:8px;line-height:20px;align-items:center;justify-content:center}

.fixedtool .classify-screen{background:#bdbbf8;color:#fff;font-weight:bolder;cursor:pointer}

.classify-screen:hover{background:#7b79f6}

.fixedtool .am-btn.am-disabled,.fixedtool .am-btn[disabled],.fixedtool fieldset[disabled] .am-btn{color:#adadad;opacity:1}

.fixedtool .copy_all,.fixedtool .copy_all:active,.fixedtool .copy_all:focus,.fixedtool .copy_all:visited{border:0;color:#66d375;cursor:pointer}

.fixedtool .copy_all:hover{background:#66d375;color:#fff}

.fixedtool .fixedtool_1:after{position:absolute;top:-1px;left:3px;width:30px;border-top:1px solid #f5f5f5;content:''}

.fixedtool_1:active,.fixedtool_1:focus,.fixedtool_1:hover{position:relative;background:#5490ff;color:#fff;cursor:pointer}

.fixedtool-help-center{position:relative;display:flex;width:36px;height:50px;border-radius:8px;color:#666;font-size:8px;line-height:20px;align-items:center;justify-content:center}

.fixedtool-help-center:focus{color:#666666}

.fixedtool-help-center:hover{background:#5490ff;color:#fff}



.contact-kefu{position:absolute;top:111px;right:50px;padding:1rem;border:1px solid #ccc;background:#fff}

.contact-kefu::before{position:absolute;top:151px;right:-11px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:10px solid #ccc;content:""}

.contact-kefu::after{position:absolute;top:152px;right:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff;content:""}

.contact-kefu img{width:120px}



.classify-screen-details{position:absolute;right:46px;top:-30%;display:none;overflow:hidden;width:390px;height:673px;border-radius:8px;background:#fff;box-shadow:0 0 10px rgba(210,210,210,.4)}

.classify-screen-details form{position:relative;padding-bottom:56px;height: 100%;}

@media screen and (max-height:768px){.classify-screen-details{height:500px}}

.details-form-scroll{height: 100%;overflow: scroll;}

.screen-title{display:flex;color:#8c8d9a;justify-content:space-between}

.screen-choose{color:#7b79f6;font-weight:bolder}

.classify-hide{overflow:hidden;height:79px}

.screen-class-style{position:relative;display:flex;margin:auto;width:90%;height:30px;border-radius:8px;background:#f8f8f8;color:#7a7b89;cursor:pointer;align-items:center;justify-content:center}

.screen-class-style:hover{color:#7b79f6}

.screen-active,.screen-active:visited,.screen-active:hover,.screen-active:active,.screen-active:focus{border:1px solid #7b79f6;color:#7b79f6}

.srceen-more-choose{display:flex;border-bottom:1px solid #f1f1f3;color:#adadad;justify-content:center;align-items:center}

.more-classify,.more-price{cursor:pointer}

.classify-screen-details .icon-xiangxiajiantou{font-size:1.4rem}

.price-hide{overflow:hidden;height:41px}

.screen-price-input{width:100%}

.screen-price-input input{width:107.39px;height:30px;border:1px solid #f0f0f0;border-radius:8px;background:#f8f8f8}

.label-choose-num{display:flex;width:20px;height:20px;border-radius:1000px;background:#7b79f6;color:#fff;font-style:inherit;justify-content:center;align-items:center}

.label-choose{border:1px solid #7b79f6;color:#7b79f6}

.label-hide .screen-label-choose{position:absolute;right:.5rem;font-size:1.4rem}

.custom-screen{position:relative;display:flex;color:#7a7b89;align-items:center}

.custom-screen input{width:107.39px;height:30px;outline:0;border:1px solid #f0f0f0;border-radius:8px;background:#f8f8f8;color:#7a7b89;font-size:1.4rem}

.custom-screen input::-webkit-input-placeholder{color:#b0b0b7}

.select-div{position:absolute;top:30px;left:0;z-index:999;display:none;width:107.39px;border:1px solid #e8e8e8;border-radius:8px;background:#fff;text-align:center}

.custom-screen input:focus .select-div{background:#000}

.select-div-54{left:54px}

.select-div-76{left:76px}

.select-div a{display:block;color:#666}

.select-div a:hover{background:#f8f8f8}

.screen-btn{position: absolute;right:0;bottom:0;display:flex;width:100%;border-top:1px solid #f1f1f3;background:rgba(255,255,255,.5);justify-content:center}

.screen-reset{display:flex;width:140px;height:34px;outline:0;border:none;border-radius:1000px;background:#f1f1f1;color:#7a7b89;align-items:center;justify-content:center}

.screen-confirm{display:flex;width:140px;height:34px;outline:0;border:none;border-radius:1000px;background:linear-gradient(to right,#7b79f6,#a6a4f7);color:#fff;align-items:center;justify-content:center}



/* 改版提示 */

.change-tip{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999}

.change-dialog{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}

.change-dialog a:hover{color:#FFF}

.change-tip-image{width:40%;max-width:640px}

.change-close{position:absolute;top:28%;left:70%;width:50px;height:50px;font-size:2rem;color:#FFF;border:2px solid #FFF;border-radius:1000px;display:inline-flex;align-items:center;justify-content:center}

.change-tip-know{background:0 0;border-radius:5px;border:2px solid #fff;outline:0;color:#fff;padding:10px 36px;font-weight:700;letter-spacing:2px}



.advise-feedback{width:572px;height:auto;background-color:#f4f6f9;background-image:url(/Public/assets/home/images/bg-1.png),url(/Public/assets/home/images/bg-1.png);background-position:50% 3%,50% 97%;background-repeat:no-repeat;}

.fq-advise-title img{position:relative;top:-30px;left:5px;}

.fq-advise-title span{position:absolute;top:0;left:254px;color:#fff;}

.fq-advise-title a{position:relative;top:10px;right:10px;color:#333;font-weight:400;font-size:35px;opacity:1;}

.fq-label{display:flex;height:38px;align-items:center;justify-content:flex-end;}

#hdk_id,#hdk_qq{width:332px;height:38px;}

#hdk_id:-moz-placeholder,#hdk_id::-webkit-input-placeholder,#hdk_proposal:-moz-placeholder,#hdk_proposal::-webkit-input-placeholder{color:#989898;}

.fileInputContainer{position:relative;width:47px;height:37px;color:#c2c2c2;}

.fileInput{position:absolute;top:0;right:0;overflow:hidden;width:47px;height:37px;font-size:300px;opacity:0;cursor:pointer;filter:alpha(opacity=0);}

.fq-btn{width:110px;height:34px;outline:0!important;background:#ff5c4c;color:#fff;line-height:1pc;}

.fq-btn:active,.fq-btn:focus,.fq-btn:hover{background:#e84d3e;box-shadow:none;color:#fff;}



.am-modal-hd{padding-top:20px}



.fq-online-text .am-modal-dialog{top:0;width:75pc;border-radius:5px}

.fq-online-text .am-modal-hd{position:relative;display:flex;padding:0 20px;height:50px;border-bottom:2px solid #53a9ff;color:#4c4c4c;justify-content:center;align-items:center}

.fq-online-text .am-modal-hd .am-close{position:absolute;top:10px;right:1rem;color:#4c4c4c;font-size:28px;opacity:1}

.am-modal-hd .am-close{height:24px;font-size:34px;line-height:18px}

.fq-online-text .am-modal-bd{padding:1rem}



.echarts-time-content{position:absolute;top:374px;display:flex;margin-left:92px;width:80%;justify-content:space-between}

.echarts-time-content span{padding:2px 14px;border-radius:50px;background:#e6e6e6;color:#fff;cursor:pointer}

span.echarts-active{border:1px solid #5c9cfc!important;background:#fff!important;color:#5c9cfc!important}

span.echarts-clickable{border:1px solid #bfbfbf;background:#fff;color:#bfbfbf}

.echarts-btns .active-time{border:1px solid #5c9cfc;background:#fff;color:#5c9cfc}

span.clickable-time{border:1px solid #bfbfbf;color:#bfbfbf;background:#fff}

.echarts-details{position:absolute;right:0;bottom:1.8pc;display:flex;width:610px;height:216px;justify-content:center;align-items:center}

.echarts-details .am-padding{position:relative;width:75%;height:216px;border:1px dashed #3c8ffe;font-size:14px}

.echarts-details div:first-child div{display:flex;align-items:center}

.echart-round-orange{border:2px solid #ff9f5c}

.echarts-details i{position:relative;top:1px;margin-right:6px;width:8px;height:8px}

.t_shorttitle{max-width:300px}

.echart-round-black{border:2px solid #333}

.echart-round-red{border:2px solid #fe6075}

.echart-round-blue{border:2px solid #5d7dfe}

.echart-round-purple{border:2px solid #9a5dfe}

.echart-round-pink{border:2px solid pink}

.echart-round-orangeRed{border:2px solid #fe814b}

.echart-round-lightBlue{border:2px solid #a0c7fb}

.rate-score{position:absolute;right:2.4rem;bottom:1.6rem;width:75pt;height:8pc;background:url(/Public/assets/home/images/index/babyscore.png) no-repeat;justify-content:center;flex-direction:column}

.rate-score h4{color:#404040;font-weight:100;font-size:9pt}

.rate-score strong{margin:0 2px;color:#f60;font-size:2pc;font-family:arial;line-height:14px}

.rate-score .score-value-no,.rate-score .score-value-no em{display:block;overflow:hidden;width:60px;height:9pt;background:url(//img.alicdn.com/tps/i1/T1HMnMXmVqXXcb2O3B-114-122.png) 0 -27px no-repeat}

.rate-score .score-value-no em{background-position:0 -15px}

.echarts-content{margin-left:.5rem;padding:1rem;background:#fff}

.echarts-btns{display:flex;justify-content:space-between}

.echarts-btns span{padding:2px 14px;border-radius:50px;background:#e6e6e6;color:#fff;cursor:pointer}



#chain-modal .am-modal-dialog{top:0;width:1200px;background:#F3F4F7}

.modal-close{position:absolute;top:0;right:-50px;width:40px;height:40px;border-radius:100%;background:#f3f4f7}

.modal-close a{position:relative;top:-7px;color:#333;font-size:3rem}



.admin-content-footer{padding:0 40px;background:#f8f8f8}

.admin-content-footer .am-g{max-width:1500px;min-width:1200px}

footer ul li a,footer ul li a:active,footer ul li a:hover,footer ul li a:link,footer ul li a:visited{color:#333}

.fq-check-api a:link{color:#dd514c}

.fq-check-api a:active,.fq-check-api a:focus,.fq-check-api a:hover{color:#8e3633}



.admin-content-body{position:relative;background:#f6f6f6}

.goods{padding:0 40px}

.public-option{position:relative;display:flex;overflow:hidden;padding:1rem}

.public-echart{position:absolute;top:2px;right:-20px;display:flex;color:#999;line-height:1pc;cursor:pointer;flex-direction:column}

.public-img-loadend{width:100%;height:100%}

.public-auxiliary{position:absolute;bottom:1rem;z-index:2;display:none;width:calc(100% - 2rem);height:25px}

.public-auxiliary .fq-chain{border-right:1px solid #b5daff;background:rgba(92,173,255,.8);color:#FFF;line-height:25px;cursor:pointer}

.commodity-content-top{padding:0 1rem 1rem}

.commodity-content-top .am-text-truncate{width:100%;color:#666}

.fq-goods-sale{display:flex;color:#999;align-items:center;justify-content:space-between}

.library-icon{display:inline-flex}

.hide-info{display:flex;color:#999;align-content:space-between;flex-wrap:wrap}

.hide-info>div{display:flex;width:100%;justify-content:space-between}



.list-bg{position:absolute;top:0;left:0;display:flex;width:100%;background:url(http://files.fqapps.com/list-bg20180909-144205.png) no-repeat;background-size:100%;align-items:center;justify-content:center}

.list-bg-nav{display:flex;margin:7% 40px 120px;width:100%;height:90px;max-width:1500px;min-width:1200px;background:url(http://files.fqapps.com/list-nav-bg20180909-151502.png);background-size:contain;justify-content:center}

.list-bg-nav a,.list-bg-nav a:active,.list-bg-nav a:focus,.list-bg-nav a:visited{position:relative;z-index:1;display:flex;width:260px;color:#706df6;flex-direction:column;align-items:center;justify-content:center}

.list-bg-nav a:hover .nav-actice-border{display: block;}

.list-bg-nav a:hover::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;content:"";-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);-ms-transform:skew(-45deg)}

.bg-nav-actice::before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#fff;content:"";-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);-ms-transform:skew(-45deg)}

.nav-actice-border{display:none}

.bg-nav-actice .nav-actice-border{display:block}

.nav-actice-border::before{position:absolute;top:-12px;left:0;width:8px;height:110px;background:#e2e3fa;content:"";-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);-ms-transform:skew(-45deg)}

.nav-actice-border::after{position:absolute;top:-12px;right:-2px;width:8px;height:110px;background:#e2e3fa;content:"";-webkit-transform:skew(-45deg);-moz-transform:skew(-45deg);-o-transform:skew(-45deg);transform:skew(-45deg);-ms-transform:skew(-45deg)}

.goods .list-paddingtop{padding-top:calc(7% + 120px);}



.list-nogoods{margin-top:100px;}

.all-goodsLists{margin:0 auto;padding:1.6rem 0;max-width:1500px;min-width:1200px}

.goods-container{display:flex;margin-top:1.6rem}

.left-goods{width:80%}

.all-goods{width: 100%;}

.left-lists{margin:0;padding-left:0;width:calc(100% + 2.6rem)}

.all-goods .left-lists>li{width: 20%;}

.all-goods .left-lists>li:nth-of-type(5){padding-top: 0;}

.left-lists>li{padding:1.6rem 2.6rem 0 0;width:25%;list-style:none}

.list-paddingtop .left-lists>li:nth-of-type(1),.list-paddingtop .left-lists>li:nth-of-type(2),.list-paddingtop .left-lists>li:nth-of-type(3),.list-paddingtop .left-lists>li:nth-of-type(4){padding-top:0}

.library-list{position:relative;background:#fff}

.fq-goods-coupon li>span{color:#999}

.fq-goods-coupon li>strong{font-weight:500}

.public-online{position:absolute;top:2px;right:2px;z-index:100;display:flex;height:22px;background:rgba(92,173,252,.8);color:#fff;line-height:0;align-items:center}

.list-ribbon{position:absolute;top:0;left:0;width:0;height:36px;border-right:16px solid #f69c79;border-bottom:6px solid transparent;border-left:16px solid #f69c79;color:#fff}

.list-ribbon div{position:relative;left:-16px;display:flex;width:32px;height:30px;justify-content:center;align-items:center}

.more-material-label{position:absolute;right:1rem;bottom:1rem;width:50px;height:18px;border:#7d7d7d;background:rgba(201,174,123,.8);color:#fff;border-top-left-radius: 10px;}

.public-play{position:absolute;top:50%;left:50%;width:4pc;height:4pc;background:rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.5);margin-top:-32px;margin-left:-32px}

.public-play img{position:relative;left:2px;width:50%}

.general-live-copy,.general-live-copy:active,.general-live-copy:hover,.general-live-copy:visited,.public-copy,.public-copy:active,.public-copy:hover,.public-copy:visited{background-color:rgba(92,173,255,.8);color:#fff;cursor:pointer}

.fq-twohours-deal{padding:1rem 0;border-top:1px dotted #c3e1ff;border-bottom:1px dotted #c3e1ff;background:#f7fbff;color:#333}

.fq-twohours-deal>span{padding:0 2px;color:#2083fb;font-weight:600}

.commodity-content-bottom{padding:1rem;border-top:1px dashed #e8e8e8}

.fq-ticket{padding:1px 3px;background:#FF7202;color:#fff}

.fq-ticket-num{padding:0 2px;border:1px solid #FF7202;color:#FF7202}

.library-list .am-progress{height:3px;background:#f2f2f2;box-shadow:none}

.library-list .am-progress .am-progress-bar{background-color:#ffa65d;box-shadow:none}

.fq-background-red{width:18px;height:18px;background:#e03a33}

.fq-background-green{width:18px;height:18px;background:#2db034}

.fq-background-green,.fq-background-green:hover,.fq-background-green:visited,.fq-background-red,.fq-background-red:active .fq-background-green:active,.fq-background-red:hover,.fq-background-red:visited{display:flex;color:#fff;align-items:center;justify-content:center}

.fq-source{position:absolute;left:-1px;z-index:200;display:none;padding:0 1rem 1rem;width:calc(100% + 2px);background:#fff}

.stores{width:65%}

.fq-source a{color:#999}



.goods-page{display:flex;justify-content:center;align-items:center}

.goods .am-pagination{display:inline-flex}

.goods .am-pagination>.am-active>a{background-color:#2083fb;border-color:#2083fb}

.goods-page span{color:#999}

.goods-page-tips{position:relative;top:2px}

.goods-page input{width:60px;height:28px;border:1px solid #e8e8e8;color:#666}

.goods-page button,.goods-page button:active,.goods-page button:focus,.goods-page button:visited{padding:0;width:45px;height:22px;border:1px solid #ddd;border-radius:2px;background:#fff;color:#333}

.goods-page button:hover{border-color:#2083fb;color:#2083fb}



.right-goods{padding-left:2.6rem;width:20%}

.recommend-good{position:relative;margin-bottom:16px;border:1px solid #b3daff;background:#fff}

.list-recommend .recommend-good{border:none}

.list-recommend .list-recommend-label{position:absolute;right:1rem;bottom:1rem;z-index:1;display:flex;height:25px;border-top-left-radius:14px;background:rgba(201,174,123,.8);color:#fff;justify-content:center;align-items:center}

.list-recommend .commodity-content-bottom{background:linear-gradient(#fbf9f7,#fff)}

.list-recommend .fq-ticket{padding:1px 3px;background:#e1ab4c;color:#fff}

.list-recommend .fq-ticket-num{padding:0 2px;border:1px solid #e1ab4c;color:#e1ab4c}

.list-recommend .remmend-name .am-progress-bar{background:#e1ab4c;box-shadow:none}

.list-recommend .remmend-name .am-progress{background:#ece7de}

.commodity-source{position:absolute;left:-1px;z-index:100;display:none;padding:0 1rem 1rem;width:calc(100% + 2px);background:#fff}



/* 预告单 */

.trailer-div{position: relative;background: #f5f5f5;padding: 13% 40px 0;}

.trailer_img{position:absolute;left: 0; top: 0; width: 100%;}

.trailer-header{min-width:1200px;max-width:1500px;margin:0 auto;position: relative;}

.trailer_banner{/*height:350px;*/display:flex;justify-content:center;overflow:hidden;}

.trailer-timebg{display:flex;justify-content:center;background:#fff;border-bottom:2px solid #53A9FF}

.trailer-time{display:flex;justify-content:space-around;width:1180px;height:70px}

.trailer-time a{display:inline-flex;justify-content:center;align-items:center;flex-direction:column;color:#898989;cursor:pointer;font-size:14px}

.trailer-time .time-active{color:#53A9FF}

.trailer-time a i{font-size:30px;line-height:40px}



/* 全部商品 */

.allGoods_banner{display:flex;overflow:hidden;margin-bottom:1.6rem;height:120px;justify-content:center}

.sequence-list{display:flex;border:1px solid #e8e8e8;background:#f9f9f9}

.sequence-list a{display:flex;height:40px;color:#666;align-items:center;justify-content:center;flex-grow:1}

.sequence-list a:hover{background:#5cadfc;color:#fff}

.sequence-list a.sequence-active{background:#5cadfc;color:#fff}

.color-light-orange{color:#FF7202}

.recommend-title{margin-bottom:16px;padding:8px 0;border:1px solid #b3daff;background:#fff;color:#5cadfc}

.recommend-title span{font-weight:700}

.remmend-name .am-progress{position:relative;height:3px;background:#f2f2f2;box-shadow:none}

.remmend-name .am-progress-bar{background:#ffa65d;box-shadow:none}



.quickly-label{font-style: italic;padding-right: 2px}



.library-container{border:1px solid #e8e8e8;background:#f9f9f9}

.library-class,.library-price{height:40px;display:flex;align-items:center;border-bottom:1px dashed #e8e8e8;box-sizing:content-box}

.library-filter{width:100%;display:flex}

.library-class-label,.library-filter-label,.library-price-label{width:70px;height:40px;line-height:40px;font-weight:600;color:#333;padding-left:12px}

.library-class-content,.library-filter-content,.library-price-content{width:calc(100% - 70px);height:40px;display:flex;justify-content:space-between;align-items:center;background:#fff}

.category_number{color:#999;font-size:12px}

.library-class a:hover{color:#5cadfc}

.library-class a:hover .category_number,.library-class-content .category-active,.category-active .category_number{color:#5cadfc}

.library-price-range a:last-child{padding:0}

.library-price-range .price-active,.library-price-range a:hover{color:#5cadfc}

.library-price-custom form{display:flex;align-items:center;color:#999}

.library-price-custom input{width:60px;height:26px;border:1px solid #e8e8e8;color:#666;padding-left:2px}

.library-price-custom input:focus{outline:0;border-color:#5cadfc}

.library-price-custom i{padding:0 2px;color:#666}

.library-price-custom button{width:50px;height:26px;border:none;outline:0;border-radius:10px;background:#5cadfc;color:#fff;display:flex;justify-content:center;align-items:center}

.library-select{height:41px;line-height:40px;width:calc(100% - 70px);background:#fff;margin-left:auto}

.library-select form{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e8e8e8}

.library-select button{background:#5cadfc;color:#fff;width:50px;height:26px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}

.library-select button:focus{outline:0}

.library-select-list ul li{position:relative;padding-right:12px;display:inline-flex;align-items:center;color:#999;font-size:12px}

.library-select-list input{width:60px;height:26px;color:#666;border:1px solid #e8e8e8;padding-left:2px}

.library-select-list input:focus{outline:0;border-color:#5cadfc}

.other-lists{width:calc(100% + 2.6rem);padding:0}

.other-lists>li{width:20%!important;float:left!important;list-style:none;padding:1.6rem 2.6rem 0 0}



.material-play{position:absolute;top:50%;left:50%;width:4pc;height:4pc;background:rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.5);margin-top:-32px;margin-left:-32px;}



.material-play img{position:relative;left:2px;width:50%}

.public-report,.public-report:active,.public-report:hover,.public-report:visited{border-right:1px solid #b5daff;color:#fff;background-color:rgba(92,173,255,.8);cursor:pointer}

.public-copy-img{width:50px}



.fq-taobao,.fq-tianmao{display:flex;align-items:center}

.color-blue{color:#4e88cf}

.color-orange{color:#f56133}

.color-gray{color:#8b96a5}

.color-light-blue{color:#5cadfc}

.fq-goods-red{color:#f43142}

.fq-goods-glay{color:#848484}

.fq-goods-orange{color:#f45b31}

.fq-goods-orange-red{color:#fe814b}

.fq-goods-wathet{color:#0f7fff}

.fq-goods-gley{color:#788696}

.explosion-list{position:relative;background:#fff}

.explosion-list:hover{outline:1px solid #7a69ff}

.explosion-list-flex{display:flex;justify-content:space-between;align-items:center}

.explosion-ticket{background:#ff7300;color:#fff;padding:1px 3px}

.explosion-ticket-num{border:1px solid #ff7300;padding:0 2px;color:#ff7300}

.explosion-list-blue{color:#357fea}

.explosion-copy,.explosion-live-copy,.explosion-live-copy:active,.explosion-live-copy:hover,.explosion-live-copy:visited{background:rgba(122,105,255,.8);color:#fff;cursor:pointer}

.explosion-list-information li span{color:#666;font-weight:500}

.explosion-list-information li strong{color:#999;font-weight:400}

.explosion-list-quantity a:hover,.explosion-list-title a,.explosion-list-title a:hover{color:#666}

.explosion-list-quantity a{color:#6a6a6a}

.explosion-list .am-progress{position:relative;overflow:hidden;height:3px;background:#f2f2f2;box-shadow:none}

.explosion-list-receive,.explosion-list-ticket{left:1rem}

.explosion-list-num,.explosion-list-receive,.explosion-list-surplus,.explosion-list-ticket{position:absolute;top:0;color:#fff;line-height:1pc}

.explosion-list-num,.explosion-list-surplus{right:1rem}

.explosion-list-bar{background:#ffa65d;box-shadow:none}

.explosion-list-quantity{width:100%;color:#6a6a6a}

.explosion-allday-deal{border-top:1px dotted #c3e1ff;border-bottom:1px dotted #c3e1ff;background:#f7fbff;color:#333;padding:1rem 0}

.explosion-allday-deal>span{color:#2083fb;padding:0 2px;font-weight:600}

.explosion-list-source{position:absolute;left:-1px;display:none;z-index:200;background:#fff;width:calc(100% + 2px);padding:0 1rem 1rem}

.explosion-list-source a{color:#999}

.explosion-list:hover .explosion-list-source{display:block;border-bottom:1px solid #7a69ff;border-left:1px solid #7a69ff;border-right:1px solid #7a69ff}

.explosion-hide-info{display:flex;align-content:space-between;flex-wrap:wrap;color:#999}

.explosion-hide-info div{width:100%;display:flex;justify-content:space-between}

.fq-goods-coupon li{display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}

.commodity-title{display:flex;align-items:center}

.fq-color-green{color:#54be41;padding:0 2px}

.default-list-notice{display:flex;justify-content:space-between;align-items:center}

.commdity-invalid{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px;background:rgba(0,0,0,.4)}

.commdity-invalid,.commdity-invalid div{display:flex;justify-content:center;align-items:center}

.commdity-invalid div{width:90%;height:90%;flex-direction:column;border:4px solid #c1c1c1;color:#fff}

.fq-page .am-icon-angle-left,.fq-page .am-icon-angle-left:active,.fq-page .am-icon-angle-left:focus,.fq-page .am-icon-angle-left:hover,.fq-page .am-icon-angle-left:visited,.fq-page .am-icon-angle-right,.fq-page .am-icon-angle-right:active,.fq-page .am-icon-angle-right:focus,.fq-page .am-icon-angle-right:hover,.fq-page .am-icon-angle-right:visited{background:0 0;border:none;outline:0;box-shadow:none;color:#5cadff}

.fq-page .top_backwards,.fq-page .top_backwards:active,.fq-page .top_backwards:hover,.fq-page .top_backwards:visited,.fq-page .top_forward,.fq-page .top_forward:active,.fq-page .top_forward:hover,.fq-page .top_forward:visited{background:0 0;border:none;outline:0;box-shadow:none;color:#8f8f8f}

.fq-page .top_page,.fq-page .top_page:active,.fq-page .top_page:hover,.fq-page .top_page:visited{background:0 0;border:none;line-height:24px}

.public-auxiliary-online,.public-auxiliary-online:active,.public-auxiliary-online:focus,.public-auxiliary-online:hover{height:25px;line-height:24px;color:#fff;background:rgba(92,173,255,.8);cursor:pointer}

.fq-copy-all{width:30%;color:#fff;background:#ff5c4c;border-radius:5px;border:none;outline:0;padding:8px 6px;margin:15px 0}

.public-auxiliary-all{color:#fff;background:#ff5c4c;border-radius:5px;border:none;outline:0;padding:8px 6px}

.fq-subsection-all{height:570px}

.fq-online-subsection{width:376px;height:550px;color:#333;background:#efefef;border-radius:5px;padding:1rem;float:left;word-wrap:break-word;margin:8px;position:relative}

.fq-online-subsection>div{max-height:288px;overflow:auto;margin:0!important}

.fq-online-subsection>div:focus{background:#fff}

.fq-online-subsection .online-content{max-height:460px;overflow-y:auto}

.fq-online-subsection .online-content:focus{background:#fff}

.fq-online-subsection img{width:90pt;cursor:pointer}

.fq-subsection-copy,.fq-subsection-copy:focus{width:calc(100% - 24px);color:#fff;border-radius:5px;background:#53a9ff;position:absolute;bottom:9pt;outline:0}

.fq-subsection-copy:hover{width:calc(100% - 24px);color:#fff;border-radius:5px;background:#4691dc}

.fq-subsection-all::-webkit-scrollbar{width:10px;height:2px;background-color:#fafafa}

.fq-subsection-all::-webkit-scrollbar-thumb{border-radius:4px;background-color:#c1c1c1}

.fq-subsection-all::-webkit-scrollbar-thumb:hover{border-radius:4px;background-color:#7f7f7f}

.explosion-top{position:absolute;top:-2px;left:-2px;width:50px;height:50px;color:#fff;background:url(http://files.fqapps.com/commdity-top20180411-163805.png) no-repeat;background-size:50px 50px;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:99}

.explosion-top span{position:relative;top:-5px}

.default-list-info div>span{padding:2px 0}

.fq-advise-btn{margin-top:50px}

.fq-advise-btn button{border:0}

.fq-addimage{position:relative;top:-6px;left:-190px;font-size:26px!important;color:#989898}

.am-slider-default{box-shadow:none;margin:0}

.am-slider .slide-img{height:60px;display:flex;justify-content:center;align-items:center;background-repeat:no-repeat;background-position:center;background-size:cover}

.am-slider .slide-img img{height:60px;width:auto}

.am-slider-default .am-direction-nav a:before{color:#fff}

.am-slider-default .am-control-nav{display:none}

.margin-top-7{margin-top:7px}

.admin-sidebar-list li a.active{color:#0e90d2}

.uploading{position:absolute;left:0;bottom:0;display:none;width:75pt;height:20px;background-color:#000;opacity:.5;text-align:center;border:1px solid #ccc;border-top:0}

.progressbar{color:#bdbdbd}

.close_box{position:absolute;right:2px;top:-2px;color:#fff;font-size:9pt}

#tinybox{background:#fff url(images/preload.gif) no-repeat 50% 50%;z-index:2000}

#tinybox,#tinymask{position:absolute;display:none}

#tinymask{top:0;left:0;height:100%;width:100%;background:#000;z-index:1500}

.am-submit{margin-left:20%}

#reply,#reply2{display:none}

.am-page{text-align:center}

.edit_table{margin:auto}

.edit_table td{padding-top:10px}

.pages .current,.pages a{border:1px solid #ccc;background:#fff;padding:2px 6px;margin:0 2px}

.pages .current,.pages a:hover{background:#3bb4f2;color:#fff}

.select_css{width:268px;height:37px}

.select_css2{width:50%;height:33px}

#input_keyword{width:268px}

.image_del_i{height:18px;width:18px;cursor:pointer;background:url(/Public/assets/publish/images/base_z2b638f.png) 0 -4827px no-repeat}

.fq-online-subsection:focus{background:#fff}

.top_serach_content{width:400px;background:#fff;border:1px solid #5cadfc;display:inline-flex}

.top_search_text{width:80px;display:flex;justify-content:center;align-items:center;font-size:12px;color:#999}

.topbar-search input{width:calc(100% - 50px);height:16px;color:#999;border:0;border-left:1px solid #5cadfc;outline:0;margin-top:9px;padding:0 10px}

.top_search_button{color:#999;font-weight:400;line-height:34px;padding-right:8px;cursor:pointer}

.selectedInput{border:2px solid #58abff}

.library-list:hover{outline:1px solid #58abff}

.library-list:hover .fq-source{display:block;border-bottom:1px solid #58abff;border-left:1px solid #58abff;border-right:1px solid #58abff}



.recommend-good:last-child{margin:0}

.recommend-goods-coupon{height:22px;display:flex;justify-content:space-between;align-items:center;color:#FF7300}

.recommend-goods-sale{height:16px;display:flex;justify-content:space-between;align-items:center;color:#999}

.list-recommend .recommend-good:hover .commodity-source{border-left: none;border-bottom:none;border-right:none}

.recommend-ticket{color:#FF7202}

.recommend-ticket-num{color:#FF7202}



.explosion-header-bg{background:#f6f6f6;padding:16px 40px 0 40px}

.explosion-header{min-width:1200px;max-width:1500px;margin:0 auto}

.explosion_banner{height:120px;display:flex;justify-content:center;overflow:hidden}

.trailer-header-bg{background:#f7f7f7;padding:16px 40px 0 40px}

.trailer-time a:first-child:focus,.trailer-time a:first-child:hover,.trailer-time a:focus,.trailer-time a:hover,.trailer-time a:last-child:focus,.trailer-time a:last-child:hover{color:#3e81c3}

.trailer-goods-single{position:relative;background:#fff}

.trailer-goods-single:hover{outline:1px solid #53A9FF}

.trailer-time-num{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:rgba(0,0,0,.4);width:100%;height:100%;overflow:hidden}

.trailer-time-num div{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;height:100%;max-width:220px;max-height:220px;border:4px solid #c1c1c1;color:#fff}

.trailer-goods-single:hover .trailer-source{display:block;border-left:1px solid #53A9FF;border-right:1px solid #53A9FF;border-bottom:1px solid #53A9FF}

.trailer-goods-img{position:relative}

.trailer-goods-img img{width:100%}

.trailer-trailer-copy,.trailer-trailer-copy:active,.trailer-trailer-copy:focus,.trailer-trailer-copy:hover,.trailer-trailer-copy:visited{display:none;position:absolute;left:0;bottom:0;background:#53A9FF;color:#fff;border:none;outline:0;width:100%;cursor:pointer}

.trailer-option{position:absolute;left:0;bottom:0;background:#53A9FF;color:#fff;width:100%;padding:2px 0;cursor:pointer;display:none}

.trailer-goods-coupon{border-top:4px solid #4FD0E4;background:#F3FBFC;color:#8B96A5}

.trailer-goods-coupon li{display:flex;align-items:center;justify-content:center;flex-direction:column}

.trailer-goods-glay{color:#848484}

.trailer-goods-title,.trailer-goods-title:visited{display:inherit;color:#333;cursor:pointer}

.trailer-goods-title:active,.trailer-goods-title:focus,.trailer-goods-title:hover{color:#53A9FF}

.trailer-goods-title .am-text-truncate{width:100%}

.trailer-goods-sale{display:flex;align-items:center;justify-content:space-between;color:#8B96A5}

.trailer-goods-sale>span:last-child{display:flex;align-items:center}

.trailer-taobao,.trailer-tianmao{position:relative;top:-1px}

.trailer-background-red,.trailer-background-red:active,.trailer-background-red:focus,.trailer-background-red:hover,.trailer-background-red:visited{display:inline-flex;justify-content:center;width:18px;height:18px;background:#e03a33;color:#fff}

.trailer-background-green,.trailer-background-green:active,.trailer-background-green:focus,.trailer-background-green:hover,.trailer-background-green:visited{display:inline-flex;justify-content:center;width:18px;height:18px;background:#2db034;color:#fff}

hr{border-color:#F3F3F3}

.trailer-color-green{color:#5EB95E;padding:0 2px}

.trailer-progress{background:#E8EBEE;box-shadow:none}

.trailer-progress .am-progress-bar{background-color:#E9BC16;box-shadow:none}

.trailer-source{display:none;position:absolute;bottom:-31px;left:-1px;background:#fff;width:calc(100% + 2px);color:#8B96A5;z-index:200}

.trailer-sale{position:relative}

.trailer-report{border-right:#B5DAFF 1px solid}

.trailer-play{position:absolute;top:103px;left:103px;width:64px;height:64px;background:rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.5)}

.trailer-play img{position:relative;left:2px;width:50%}

.trailer-goods-single .am-progress{position:relative;background:#E9BC16;box-shadow:none;height:14px}

.trailer-goods-single .am-progress .am-progress-bar{background-color:#E99A16;box-shadow:none}

.trailer-list-receive,.trailer-list-ticket{position:absolute;left:1rem;top:0;color:#fff;line-height:14px}

.trailer-list-surplus{position:absolute;right:1rem;top:0;color:#fff;line-height:14px}

.trailer-list-trailer{display:flex;justify-content:space-between;align-items:center}

.trailer-progress{background:#E9BC16;box-shadow:none}

.trailer-progress .am-progress-bar{background-color:#E99A16;box-shadow:none}

.condition-choose{background:#fff;color:#666;border:1px solid #e8e8e8;display:inline-flex;height:26px;align-items:center}

.condition-choose a{color:#5cadfc!important}

.condition-choose-close{position:relative;top:-1px}

input[type=checkbox]{visibility:hidden;position:absolute}

.label-list{display:flex}

.checkboxFive{padding-right:18px}

.checkboxFive:last-child{padding-right:0}

.checkboxFive label{position:relative;cursor:pointer;font-weight:400;height:19px;display:inline-flex;align-items:center}

.checkboxFive label::before{content:"";position:absolute;width:16px;height:16px;top:1px;left:0;background:#fff;border:1px solid #e8e8e8}

.checkboxFive label:after{opacity:0;content:'';position:absolute;width:10px;height:6px;background:0 0;top:5px;left:3px;border:2px solid #5cadfc;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}

.checkboxFive label:hover::after{opacity:.5}

.checkboxFive input[type=checkbox]:checked+label:after{opacity:1}

.checkboxFive label span{margin-left:19px;color:#666}

.show-more{cursor:pointer;color:#666}

.show-more:hover{color:#5cadfc}

.advertisement{margin:0 50px}

.advertisement li div{height:80px;background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}

.fq-ad-background{height:132px;background-image:url(/Public/assets/home/images/fq-ad.png);background-repeat:no-repeat;background-size:cover;background-position:center;margin:20px 50px}

.library-select-list input:focus+.select-div{border:1px solid red}

.am-pagination>li>a{margin-bottom:0;color:#333}

.commodity-source a{color:#999}

.recommend-good:hover .commodity-source{display:block;border-left:1px solid #b3daff;border-bottom:1px solid #b3daff;border-right:1px solid #b3daff}

.cordon{position:relative;background:#FF7202;color:#fff;padding:0 2px}

.cordon::before{content:"";position:absolute;left:50%;top:16px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #FF7202;margin-left:-4px}

.hot-btn{position:relative}

.hot-btn .hot{position:absolute;top:-2px;right:20px;background:url(/Public/assets/home/images/nav/label3.png) 0 -16px no-repeat;background-size:20px 31px;width:20px;height:15px}

.new{position:relative;top:1px;background:url(/Public/assets/home/images/nav/label3.png) 0 0 no-repeat;background-size:20px 31px;width:20px;height:12px;margin-right:2px}

#show_video .am-modal-dialog{width:560px;top:0}

.save-file{top:3px;position:relative;color:#656565}

.info-content{background:#FFF;padding:1rem;margin-right:.5rem}

.info-top-content{border:2px dashed #EEEFF2;border-radius:10px;padding:.5rem 1rem}

.info-title{display:flex;align-items:center;margin-bottom:.5rem}

.info-title a{color:#333}

.info-other{display:flex;justify-content:space-between;color:#b1b1b1}

.chain-red{font-size:20px;color:#ec4c4c}

.chain-orange{font-size:20px;color:#f56d3d}

.chain-blur{font-size:20px;color:#5c9cfc}

.info-bottom-content{display:flex;padding-top:1rem}

.info-bottom-content img{width:150px;height:150px}

.data-info{width:calc(100% - 150px);display:flex;align-content:space-between;flex-wrap:wrap;padding:4px 0 4px 1rem}

.data-info div{width:100%;display:inline-flex;flex-wrap:wrap}

.data-info>div>span{width:50%;text-align:left;color:#8D9AAF}

.data-info .dot{position:relative;top:-1px;width:8px;height:8px;border-radius:50px;display:inline-block;margin:0 8px}

.dot-orange{background:#ff9f5c}

.dot-red{background:#fe6075}

.dot-blur{background:#5d7dfe}

.dot-purple{background:#9a5dfe}

.dot-pink{background:pink}

.score-up{color:#ec4c4c;padding:0 12px 0 2px}

.score-down{color:#1f7700;padding:0 12px 0 2px}

.score-chiping{color:#ec4c4c;padding:0 12px 0 2px}



.material-container{background:#fff;margin-top:1rem;display:flex}

.material-left{width:70px;background:#595a5e}

.material-left>span{display:block;padding:10px 0;color:#fff;cursor:pointer}

.material-active{background:#5c9cfc}

.material-right{width:calc(100% - 70px)}

.copywriting-content{position:relative;width:calc(1006px + 12px);padding:1rem}

.copywriting-copy{position:absolute;top:12px;right:20px;width:56px;height:56px;background:#675cfc;color:#fff;border-radius:100%;padding:2px 6px;font-size:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:4px 0 10px #b7b7b7;z-index:99}

.fq-copywriting{position:relative;width:240px;height:350px;padding:8px;margin-right:8px;word-break:break-word;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:left;float:left;overflow:hidden;}

.fq-copywriting .fq-copywriting_image{width:140px;height:auto}

.copywriting-text{padding:8px;margin-top:8px;background:#eceef4;border-radius:10px;font-size:14px}

.textDiv{position:relative;overflow:hidden}

.textDiv::after{content:"...";position:absolute;bottom:0;right:0;padding:0 10px 4px 4px;background:#eceef4}

.copy-text{position: absolute;bottom:1rem;width:calc(100% - 16px);height:36px;line-height:36px;background:#5c9cfc;color:#fff;text-align:center;font-size:12px;cursor:pointer}

.material-content{position:relative}

.material-image{height:374px;overflow:auto;display:flex;flex-wrap:wrap;padding:1rem}

.material-video{margin:0 1rem 1rem 0}

.material-video>div{padding:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}

.play-content{position:relative}

.play-content>img{width:130px}

.play-img{position:absolute;left:50%;top:50%;width:4pc;height:4pc;background:rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.5);border-radius:50%;margin-left:-2pc;margin-top:-2pc}

.play-img:focus{outline:0}

.play-img>img{width:50%;position:relative;top:1px;left:4px}

.material-img{margin:0 1rem 1rem 0}

.material-img div{padding:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}

.material-img img{width:130px}

.material-copy{position:absolute;top:12px;right:12px;width:56px;height:56px;background:#675cfc;color:#fff;border-radius:100%;padding:2px 6px;font-size:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:4px 0 10px #b7b7b7}

.img-label{display:flex;justify-content:center;align-items:center;margin:10px 0 0 0;font-size:14px;font-weight:400}

.img-radio{display:none}

.img-radioInput{width:16px;height:16px;background:#fff;border:2px solid #777;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;margin-right:4px}

.img-radio:checked+.img-radioInput:after{content:"";width:6px;height:6px;background:#5c9cfc;border-radius:100%;display:inline-block}

.img-radio:checked+.img-radioInput{border:2px solid #5c9cfc}

.img-active{outline:1px solid #7c9af6}

.copyText-all{width:280px;height:36px;background:#5c9cfc;color:#fff;border:0;font-size:14px;margin-top:1rem}

.video-content{position:relative}

.video-material{height:374px;padding:1rem;display:flex;justify-content:space-between;align-items:center}

.friendsCircle-copywriting{position:relative;width:calc(1006px + 12px);height:374px;padding:1rem}

.fq-friendsCircle{position:relative;width:320px;height:350px;display:flex;padding:10px;word-break:break-word;box-shadow:0 0 10px rgba(0,0,0,.1)}

.friendsCircle-img{width:50px;height:50px;background:#5593ff;display:flex;align-items:center;justify-content:center;border-radius:50%}

.friendsCircle-content{width:calc(100% - 60px);height:284px;text-align:left;padding-left:10px}

.friendsCircle-title{display:block;padding-bottom:10px}

.friendsCircle-text{height:249px;padding:10px;background:#eceef4;border-radius:10px;font-size:14px;overflow-y:auto}

.fq-friendsCircle .copy-text{left:10px;bottom:10px;width:calc(100% - 20px)}

.icon-color-red{color:#f22633;font-size:12px;}

.icon-color-green{color:#1f7700;font-size:12px;}



/* 在线转链 */

.transfer_content{padding:1rem}

.shorturl,.tao_sign{position:absolute;left:8px;bottom:8px;width:calc(100% - 16px);height:36px;line-height:36px;font-size:14px;text-align:center;color:#FFF;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none}

.tao_sign{background:#5794fc}

.shorturl{background:#4dca51}



/* 主图自适应 */

.picture-adaptation{position:relative;width:100%;height:0;padding-bottom:100%}

.picture-adaptation img{position:absolute;width:100%;height:100%}



/* 精选 */

.library-brand{background:#FFF;display:flex;align-items:flex-start;padding:1rem;border-bottom:1px solid #EBEBEB}

.library-brand-label{width:55px;height:63px;line-height:63px;font-size:1.6rem;font-weight:600;color:#333}

.library-brand .library-brand-box{width:calc(100% - 135px);display:flex;justify-content:center}

.brand-box{position:relative;width:100%;height:63px;overflow:hidden}

.library-brand .brand-wrap{position:absolute;top:0;width:100%;display:flex;flex-wrap:wrap;padding:1px 0 0 1px;transition:top .3s;}

.library-brand .brand-wrap a{display:inline-flex;background:#FFF;padding:8px 10px;margin:-1px 0 0 -1px;border:1px solid #E8E8E8}

.library-brand .brand-wrap a.brand-active{border:1px solid #E8E8E8;z-index:99}

.library-brand .brand-wrap a:hover{border:1px solid #9E9EFF !important;z-index:99}

.library-brand .brand-wrap a img{width:90px;height:45px}

.library-brand .library-brand-more{width:85px;height:63px;display:inline-flex;align-items:center;justify-content:center;flex-direction:column}

.library-brand .library-brand-more > span{color:#5CADFC;cursor:pointer;-webkit-user-select:none;user-select:none}

.library-brand .library-brand-more > span:hover{color:#9E9EFF}

.brand-icon{color:#FFF;background:#EC2525;padding:2px 4px;margin-right:2px;border-radius:2px}

.brand-wrap a.brand-close{color:#999;border:none;padding:0 4px;display:table}

.brand-wrap a.brand-close:hover{color:#FFF;background:#9E9EFF;border:none!important}

.brand-active:hover+.brand-close{color:#FFF;background:#9E9EFF;border:none}

.librarylist-page{display:flex;flex-direction:column}

.librarylist-page span{color:#b0b0b0;border:1px solid #e0e0e0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;cursor:pointer}

.librarylist-page span:hover{color:#9E9EFF;border-color:#9E9EFF}

.librarylist-page span i{font-size:20px;line-height:18px}

.librarylist-page span:first-child{margin-bottom:4px}

span.library-disabled,span.library-disabled:hover{color:#e0e0e0;border-color:#e0e0e0;cursor:default}