html{}
a,a:link,a:visited,a:hover,a:active{text-decoration:none}
#index{background:#e8e8e8}
#top_ad_txt{background-color:#7b7a7a;left:380px;bottom:20px}
#top_ad_txt li{width:12px;height:12px;border-radius:8px;background:#fff;float:left;line-height:18px;text-align:center;margin-right:5px}
#top_ad_txt li a{color:white;text-decoration:none}
#top_ad_txt li.current{background:#ef4202;width:30px}
#top_ad_txt li p{margin:3px 0px 0px 0px}
#top_ad_img{position:relative;height:390px}
#top_ad_img a{position:absolute;display:none}
#top_ad_txt{position:relative}
.c-box .c-box-top{height:394px;margin:-5px 0px 5px -12px}
.c-box .c-box-bottom{width:1240px;height:175px;position:relative;left:-193px;margin-bottom:-47px}
.c-box .c-box-bottom .c-box-tit h3{font-size:15px;height:32px;line-height:32px;background-color:#f0f0f0;border-bottom:1px solid #e6e6e6;padding-left:10px}
.c-box .c-box-main ul{padding-left:6px}
.c-box .c-box-main ul li{float:left;height:175px;margin-top:-9px;margin-left:7px}
.c-box .c-box-main ul li img{width:206px;height:175px}
.c-box .c-box-main ul li .p-title,.c-box .c-box-main ul li .p-price{padding-left:10px}
.c-box .c-box-main ul li .p-title a{float:left;font-size:14px;color:#646464;line-height:22px;height:22px;width:130px;overflow:hidden}
.c-box .c-box-main ul li .p-price a{float:left;font-size:14px;color:#969696;line-height:22px;height:22px;width:130px;overflow:hidden}
.c-box .c-box-main ul li .p-price a span{color:#ff4e00;font-weight:bold}
.top-f-box{width:219px}
.top-f-box .login-box,.top-f-box .zxgg,.top-f-box .tjtj,.top-f-box .ksrk{margin-bottom:10px;border:1px solid #e6e6e6}
.top-f-box .login-box .login-box-tit{position:relative;left:79px;top:-38px}
.top-f-box .login-box .login-box-main{margin-bottom:14px;margin-top:-13px}
.top-f-box .login-box .login-box-main a{float:left;width:94px;*width:100px;line-height:32px;background-color:#d03800;text-align:center;margin-left:8px;text-decoration:none;font-weight:bold;color:#ffffff}
.top-f-box .login-box .login-box-main a:hover{background-color:#fe3800}
.top-f-box .zxgg{height:138px}
.top-f-box .zxgg div{background-color:#f0f0f0;padding-left:10px}
.top-f-box .zxgg div span{line-height:24px;font-size:14px}
.top-f-box .zxgg ul li{padding:0px 10px;line-height:24px}
.top-f-box .zxgg ul li a{display:block;color:#666666;width:192px;height:24px;overflow:hidden;text-overflow:ellipsis}
.top-f-box .ksrk .head-box{background-color:#f0f0f0;padding-left:10px}
.top-f-box .ksrk .head-box span{line-height:36px;font-size:16px;color:#333333}
.top-f-box .ksrk ul li{width:80px;margin-left:15px;height:25px;margin-top:2px;margin-bottom:2px;line-height:25px;display:inline-block;word-break:keep-all}
.top-f-box .ksrk ul li a{width:80px;height:25px;text-align:center;float:left;color:#666666;text-decoration:none}
.top-f-box .ksrk ul li a:hover{color:#fd4d00;background-color:#dcdcdc}
.top-f-box .ksrk ul li.on a{color:#fd4d00;background-color:#dcdcdc}
#recommend{width:1240px;margin:26px auto;display:flex;flex-flow:row wrap;justify-content:space-between}
.recommend_content{width:240px;height:300px;background:#fff;position:relative}
.recommend_content:hover{box-shadow:0px 0px 20px -5px rgba(0,0,0,1)}
.recommend_txt{position:absolute;top:29px;width:240px;display:flex;flex-flow:column;align-items:center}
.recommend_txt p:nth-child(1){font-size:20px;color:#333333;margin-bottom:10px}
.recommend_txt p:nth-child(2){font-size:14px;color:#666666}
.floor{width:1240px;margin:0 auto;display:flex;flex-flow:column;margin-bottom:60px}
.floor-t{height:55px;display:flex;justify-content:center}
.floor-t span{font-size:26px;color:#333333}
.floor-t span:before{content:"— ";color:#999}
.floor-t span:after{content:" —";color:#999}
.floor-d{display:flex}
.floor-d .floor-l{width:300px;margin-right:23px;display:flex;position:relative}
.floor-d .floor-l .floor-l-txt{position:absolute;display:flex;flex-flow:column;top:30px;left:30px}
.floor-d .floor-l .floor-l-txt span:nth-child(1){font-size:26px;color:#fff;margin-bottom:10px}
.floor-d .floor-l .floor-l-txt span:nth-child(2){font-size:14px;color:#999}
.floor-d .floor-r{display:flex;flex-flow:row wrap;align-content:space-between;justify-content:space-between}
.floor-d .floor-r .floor-r-content{position:relative;display:flex;height:402px;transition:all 0.2s ease-in-out;margin-bottom:12px}
.floor-d .floor-r .floor-r-content:hover{box-shadow:0px 0px 20px -5px rgba(0,0,0,1)}
.floor-d .floor-r .floor-r-content:nth-child(4n){margin-right:0px}
.floor-d .floor-r .floor-r-content .floor-r-txt{position:absolute;top:20px;left:20px;display:flex;flex-flow:column}
.floor-d .floor-r .floor-r-content .floor-r-txt span:nth-child(1){font-size:20px;color:#333333;margin-bottom:10px}
.floor-d .floor-r .floor-r-content .floor-r-txt span:nth-child(2){font-size:14px;color:#999999}
#banner{width:1240px;margin:0px auto;margin-top:11px;display:flex;flex-flow:row wrap;justify-content:space-between}
.banner_menu{display:flex;width:240px;height:420px;background:#fff;flex-flow:column;position:relative;z-index:100}
.banner_menu_top{flex-shrink:0;display:flex;height:35px;justify-content:center;align-items:center;background:#CF3A2B;font-size:14px;color:#FFFFFF}
.banner_menu>ul{flex:1;display:flex;flex-flow:column;justify-content:flex-start;overflow-x:hidden;overflow-y:auto}
.banner_menu>ul::-webkit-scrollbar{width:8px;height:10px;}
.banner_menu>ul::-webkit-scrollbar-thumb{border-radius:3px;background-color:#ddd}
.banner_menu>ul::-webkit-scrollbar-thumb:hover{background-color:#ccc}

.banner_menu_li{border:2px solid transparent;border-right:none;}
.banner_menu_left{flex:1;display:flex}
/*.banner_menu_li:hover{border-color:#CF3A2B;width:240px;background:#fff;background-image:url(/img/icons/arrow2.svg);background-repeat:no-repeat;background-position-x:215px;background-position-y:28px}
.banner_menu_li:hover .banner_menu_right{display:flex;flex-flow:column}*/
.banner_menu_img{display:flex;align-items:center;margin-left:15px}
.banner_menu_txt{flex:1;display:flex;flex-flow:column;justify-content:center;padding-left:20px;padding-right:20px;}
.banner_menu_title{font-size:14px;color:#666;display:flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:5px 0;}
.banner_menu_title p{width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.banner_menu_title img{margin-right:6px;max-height:20px}
.banner_menu_qts{margin-top:10px}
.banner_menu_example{font-size:12px;color:#999999}
.banner_menu_right{display:none;position:absolute;left:240px;top:0;width:706px;min-height:376px;z-index:-1;background:#fff;border:2px solid #CF3A2B;padding:20px}
.banner_menu_right .qts_hb li a,.banner_menu_right .qts_hb li a:link,.banner_menu_right .qts_hb li a:visited,.banner_menu_right .qts_hb li a:active,.banner_menu_right .qts_other li a,.banner_menu_right .qts_other li a:link,.banner_menu_right .qts_other li a:visited,.banner_menu_right .qts_other li a:active{font-size:14px;color:#666666}
.banner_menu_right p{font-size:14px;color:#666666;width:90px;font-weight:bold;padding-top:10px}
.banner_menu_right .qts_hb{display:flex;flex-flow:row wrap;justify-content:left;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e4e4e4;width:606px}
.banner_menu_right .qts_hb li{padding:10px 10px;font-size:14px;color:#666}
.banner_menu_right .qts_hb li a:hover{color:#CF3A2B}
.banner_menu_right .qts_other{display:flex;flex-flow:row wrap;justify-content:left}
.banner_menu_right .qts_other li{padding:10px;margin-right:10px;margin-top:10px;font-size:14px;color:#666;font-weight:bold;border:1px solid #e3e3e3;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.banner_menu_right .qts_other li:hover{background:#CF3A2B}
.banner_menu_right .qts_other li:hover a{color:#fff}
.banner-swiper{position:relative;width:740px;height:420px;overflow:hidden;z-index:1}
.banner-operation{display:flex;flex-flow:column;width:200px;background:#fff;padding:20px}
.operation_user{height:110px;display:flex;flex-flow:column;justify-content:space-between}
.operation_user>div:nth-child(1){display:flex;flex-flow:row wrap}
.operation_user>div:nth-child(1) img{width:60px;border-radius:30px;margin-right:10px}
.operation_user>div:nth-child(1) div{display:flex;flex-flow:column;justify-content:space-evenly;font-size:14px;color:#666666;width:130px}
.operation_user>div:nth-child(1) div span{width:130px;height:14px;overflow:hidden}
.operation_user>div:nth-child(2){display:flex;flex-flow:row wrap;justify-content:space-around}
.operation_user>div:nth-child(2) a:nth-child(1) span{display:flex;justify-content:center;align-items:center;width:90px;height:30px;background:#CF3A2B;font-size:14px;color:#FFFFFF}
.operation_user>div:nth-child(2) a:nth-child(2) span{display:flex;justify-content:center;align-items:center;width:90px;height:28px;font-size:14px;color:#cf3a2b;border:1px solid #cf3a2b}
.operation_news{margin:10px 0;padding:10px 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.operation_news .operation_news_title{font-size:14px;color:#333333;margin-bottom:11px}
.operation_news ul{display:flex;flex-flow:column;height:60px;justify-content:space-between}
.operation_news ul li{display:flex;flex-flow:row wrap}
.operation_news ul li span:nth-child(1){font-size:12px;color:#666666;display:flex;align-items:center}
.operation_shortcut{flex:1;display:flex;flex-flow:row wrap;justify-content:space-between}
.operation_shortcut div{width:60px;height:60px;display:flex;align-items:flex-end;justify-content:center;font-size:12px;color:#666666}
.operation_shortcut a:nth-child(1) div{background:url(/img/icons/order.svg) no-repeat 18px 9px}
.operation_shortcut a:nth-child(2) div{background:url(/img/icons/qts.svg) no-repeat 17px 10px}
.operation_shortcut a:nth-child(3) div{background:url(/img/icons/template.svg) no-repeat 18px 8px}
.operation_shortcut a:nth-child(4) div{background:url(/img/icons/jianyi.svg) no-repeat 15px 15px}
.operation_shortcut a:nth-child(5) div{background:url(/img/icons/sucai.svg) no-repeat 17px 11px}
.operation_shortcut a:nth-child(6) div{background:url(/img/icons/coupon.svg) no-repeat 15px 12px}
.operation_shortcut a:nth-child(1):hover div{background:url(/img/icons/h_order.svg) no-repeat 18px 9px}
.operation_shortcut a:nth-child(2):hover div{background:url(/img/icons/h_qts.svg) no-repeat 17px 10px}
.operation_shortcut a:nth-child(3):hover div{background:url(/img/icons/h_template.svg) no-repeat 18px 8px}
.operation_shortcut a:nth-child(4):hover div{background:url(/img/icons/h_jianyi.svg) no-repeat 15px 15px}
.operation_shortcut a:nth-child(5):hover div{background:url(/img/icons/h_sucai.svg) no-repeat 17px 11px}
.operation_shortcut a:nth-child(6):hover div{background:url(/img/icons/h_coupon.svg) no-repeat 15px 12px}
.i_p{position:fixed;left:calc(((100% - 1240px) / 2) - 57px);top:32%;width:50px;display:flex}
ul.i_p_u{flex:1;display:flex;flex-flow:column}
li.i_p_u_l{display:flex;height:50px;align-items:center;justify-content:center;padding:0 11.5px;background-color:#fff;cursor:pointer;margin-bottom:1px;letter-spacing:1.2px;line-height:1;font-size:12px}
li.i_p_u_l:hover{color:#fff;background-image:linear-gradient(135deg,#ff6161,#ff0000)}
.coupon-list{width:1150px;margin:20px auto;display:flex;flex-flow:row;justify-content:space-between}
.coupon{background:url(/img/couple.png) no-repeat;width:338px;height:128px;position:relative}
.coupon .coupon-money{position:absolute;width:100px;height:128px;line-height:128px;text-align:center;color:#FF0C25;font-size:18px;font-weight:600;top:0}
.coupon .coupon-name{position:absolute;color:#FF0808;font-weight:600;top:20px;font-size:20px;margin-left:108px;width:220px;text-align:center}
.coupon .coupon-title{position:absolute;color:#FF4646;font-weight:200;margin-left:108px;width:220px;text-align:center;top:50px;font-size:16px}
.coupon .coupon-btn{position:absolute;width:220px;text-align:center;top:80px;margin-left:108px}
.coupon .coupon-btn .coupon-btn-span{border:1px solid #FF0C25;color:#FF0C25;font-size:16px;border-radius:16px;padding:2px 10px;cursor:pointer}