@charset "utf-8";
/* CSS Document */

.scan{line-height: 3em;}
.search-input input{background: #f0f0f0; border-radius: 100px 0 0 100px; -webkit-border-radius: 100px 0 0 100px;}
.search-icon{background: #f0f0f0; border-radius: 0 100px 100px 0; -webkit-border-radius: 0 100px 100px 0;}

.banner ul{margin-bottom: 0;}

.branch{margin-bottom: 2vw;}
.branch > div:nth-child(odd){margin-right: 1vw;}
.branch > div:nth-child(even){margin-left: 1vw;}
.index-nav-list-05 > div{width: 20%;}
.index-nav-list-05 > div img{width: 75%;}
.index-nav-list-04 > div{width: 25%;}
.index-nav-list-04 > div img{width: 60%;}

.fixed-nav:hover div,.fixed-nav:active div,.fixed-nav-on div{color:#ff6537;}
.item-classify{background:url(../App/Images/item-classify.png)no-repeat center bottom; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain;}
.fixed-nav:hover .item-classify,.fixed-nav:active .item-classify,.fixed-nav-on .item-classify{background:url(../App/Images/item-classify-on.png) no-repeat center bottom; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain;}
.cart-num{height: 1.5em; line-height: 1.5em; min-width: inherit; padding: 0 0.5em; border-radius: 100px; -webkit-border-radius:100px;}

/*
.new-pro{background: #f5f5f5; padding: 0 0.5em;}
.new-pro-list li{width: 49%; margin-left: 2%; margin-bottom: 2vw;}
.new-pro-list li:nth-child(odd){margin-left: 0;}
*/
.new-pro{background: #f5f5f5; padding: 0 0.5em;}
.new-pro-list li{width: 50%; box-sizing: border-box; border: 1px solid #f5f5f5;}
.new-icon{top: 0.8em;}

/* 分类页面 */
.classify-box{width: 30%; overflow-y: auto;}
.classify-box li > p:hover,.classify-box li > p:active,.classify-box li.classify-on > p{background: #fff; color: #ff6537; font-weight: bold;}
.classify-box li > p:hover::before,.classify-box li > p:active::before,.classify-box li.classify-on > p::before{content: "|"; color: #ff6537; font-weight: bold; position: absolute; left: 0;}
.classify-box-item{position: absolute; top: 0; left: 33%; right: 2%; bottom: 0; overflow-y: auto;}
.classify-pro{width: 33.3333%; float: left; margin-bottom: 1em;}
.classify-pro a{text-decoration: none; color: #333; display: block;}
.classify-pro img{width: 90%; margin: 0; display: inline-block;}
.classify-box dl:last-child{border-bottom: 0;}

.fiexdFooter{font-size:0.85em;}
.line{left:0;}
.login > div a{left:0;}

input[type=checkbox]:checked:after{border-color:#ff6537; background-color:#ff6537;}
.triangle{border:0.5em solid #ff6537; border-color:#ff6537 transparent transparent transparent;}
.tab > div:hover,.tab > div:active,.tab-on,.fxg-tab > div:hover,.fxg-tab > div:active,.fxg-tab-on{color:#ff6537; border-bottom:3px solid #ff6537;}
.tab-list a:hover{color:#ff6537;}

.od-list span{background-size:1.5em;}
input[type=text].years{background:#f5f5f5;}

.index-nav{background:#fff url(../../../Content/banner/Banner/Banner-extend.jpg) no-repeat; background-size:contain; padding-top:20vw;}

/* 2019-02-27 17:30 页头增加 */
.top-tab .fxg-tab{width:auto; margin:0 2.5vw; padding:0 0.5em;}
.top-tab .fxg-tab-on{font-weight:bold;}

.txt-title{color:#333;}

.masking{background-color:#333;}
.logistics-node{overflow-y:auto; height:88vw;}
.logistics-now{color:#da251c;}
.logistics-icon{background:url(../../../Content/Images/ord-icon.png) no-repeat center center; width:9px; height:9px; background-position:0 0; left:-5px; top:36%;}
.logistics-now .logistics-icon{background-position:0 -10px;}

.titlebar{border-bottom:0;}
.tab-contantfxg{text-align:justify;}

footer{min-height:0;}
.psw-reset span{border-left-color:#ccc;}
.psw-reset span:first-child{border-left-color:#000;}
.psw-reset span:last-child{border-right:1px solid #000;}

/* 2019-04-09 产品列表添加产品特色样式 */
.pro-point{height:3.36rem; margin-bottom:0.4em;}
.pro-point span{background:#f8f8f8; color:#818181; padding:0 0.7em; margin:0 0.2em 0.12rem 0; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; line-height:1rem;}
.pro-point .point01{background:#ffe1d9; color:#c00004;}
.pro-point .point02{background:#ff4b7a; color:#ffffff;}
.pro-point .point03{background:#ffe4c6; color:#ff2605;}
.pro-point .point04{background:#ff6537; color:#ffffff;}
.pro-point .point05{background:#ffa836; color:#ffffff;}



.product-stock {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    line-height: 25px;
    height: 25px;
    width: 100%;
    display: block;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99000000', endColorstr='#99000000');
    background: rgba(0,0,0,.3);
    text-align: center;
    font-size:0.9em;
}

.disabled {
    cursor: not-allowed;
    background: #888888;
}

/* 2020-03-16 底部导航 */
.item-dialog{background:url(../App/Images/item-dialog.png)no-repeat center bottom; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain;}
.fixed-nav:hover .item-dialog,.fixed-nav:active .item-dialog,.fixed-nav-on .item-dialog{background:url(../App/Images/item-dialog-on.png) no-repeat center bottom; background-size:contain; -webkit-background-size:contain; -moz-background-size:contain;}

/* 2020-03-25 分馆+新闻 */
.branch-box{background:#fff; padding:10px; border-radius:10px; -webkit-border-radius:10px;}


.ticket-box .hollow-compose-many-circles01 {background: radial-gradient(circle at right top, transparent 10px, #ff6537 0) top left / 28% 51% no-repeat, radial-gradient(circle at right bottom, transparent 10px, #ff6537 0) bottom left /28% 51% no-repeat, radial-gradient(circle at left top, transparent 10px, #fff3f0 0) top right /72% 51% no-repeat, radial-gradient(circle at left bottom, transparent 10px, #fff3f0 0) bottom right /72% 51% no-repeat;}
.ticket-box .hollow-compose-many-circles02 {background: radial-gradient(circle at right top, transparent 10px, #a568e4 0) top left / 28% 51% no-repeat, radial-gradient(circle at right bottom, transparent 10px, #a568e4 0) bottom left /28% 51% no-repeat, radial-gradient(circle at left top, transparent 10px, #ffffff 0) top right /72% 51% no-repeat, radial-gradient(circle at left bottom, transparent 10px, #ffffff 0) bottom right /72% 51% no-repeat;}
.ticket-box .hollow-compose-many-circles01::before,.ticket-box .hollow-compose-many-circles02::before{left:28%;}
.ticket-box .hollow-compose-many-circles01::after{background-image: linear-gradient(to bottom, #f6603d 5px, transparent 5px, transparent), radial-gradient(10px circle at 0px 10px, transparent 5px, #fe8a92 5px);}
.ticket-box .hollow-compose-many-circles02::after{background-image: linear-gradient(to bottom, #a568e4 5px, transparent 5px, transparent), radial-gradient(10px circle at 0px 10px, transparent 5px, #a568e4 5px);}
.ticket-box .hollow-one-circle01{background:radial-gradient(circle at 0 50px, transparent 10px, #fe8a92 0) top left/100% 100% no-repeat; width:32%;}
.ticket-box .hollow-one-circle02{background:radial-gradient(circle at 0 50px, transparent 10px, #a568e4 0) top left/100% 100% no-repeat; width:32%;}
.ticket-box .hollow-circles01,.hollow-circles02{background:#fff; margin-right:0.53rem;}
.ticket-box .hollow-circles01::after,.ticket-box .hollow-circles02::after{background-image:linear-gradient(to bottom, #ffffff 8px, transparent 8px, transparent), radial-gradient(16px circle at 8px 16px, transparent 8px, #ffffff 8px);}
.ticket-box .ticket-num{padding:5px 10px; border-bottom:1px solid #eee; color:#999;}