﻿
#banner{width: 90%;overflow: hidden;height: 25rem;margin: 0 auto;background-color: #F6F6F6}
#banner .banner{width: 100%;height: 100%;}
#banner .bd li{height: 690px;}
#banner .hd{height: 15px;bottom: 20px;display: none;}
#banner .hd ul li{width: 15px;height: 15px;margin-left: 20px;background: #f4f4f4;border-radius: 50%;}
#banner .hd ul li.on{background: #F26120;}

.scale_img{overflow: hidden;}
.scale_img img{-moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
/*.scale_img:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);}*/
.scale_img:hover .img_bottom{
    background-color: #332C2B;
    border-radius: 0 0 6px 6px;
}

.scale_img:hover .img_bottom_a{
    font-family: PingFangSC-Regular;
    color: #FFFFFF;
}
.scale_img:hover .img_top_a{
    display: block;
}

.scale_img:hover .img_curtain{
    display: block;
}

.scale_img:hover .view{
    display: block;
}

.img_top_a{
    position: absolute;
    width: 100%;
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #F26120;
    display: none;
    top: 40%;
    text-align: center;
    z-index: 2;
}

.img_curtain{
    width:100%;height:100%;position:absolute;background-color:  #000000;opacity: 0.35;border-radius: 6px;display:none; z-index: 1;}

.img_Path{text-align: center;}
.img_Path img{vertical-align: middle;max-width: 100%;max-height: 100%;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.img_Path span{display: inline-block;height: 100%;vertical-align: middle;}

.index_title{font-size: 32px;color: #333;font-weight: bold;margin-bottom: 60px;text-align: center;text-transform: uppercase;}
.text_over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.index_main_photo{text-align: center;padding:40px 0;}
.index_main_photo .left{width: 49%;max-height: 870px;float: left;}
.index_main_photo .right{width: 49%;float: right;margin: 0 auto;}
.index_main_photo .right .box{max-height: 420px;overflow: hidden;}
.index_main_photo .right .box + .box{margin-top: 30px;}
.i_product_tab{text-align: center;border-bottom: 1px solid #979797}
.i_product_tab span{font-size: 20px;color: #848484;text-transform: uppercase;font-weight: bold;border-bottom: 2px solid transparent;}
.i_product_tab span.cur{color: #332C2B;border-color: #fff;border-bottom: 1px solid #F6F6F6;}
.i_product_tab span + span{margin-left: 80px;}
.i_product_list{padding-top: 20px;padding-bottom: 20px;padding-left: 0px;}
.i_product_list .list_box{display: none;}
.i_product_list .list_box.show{display: block;}
.i_product_list .list_box .prod_box{ width: 19.985%; height: 45vh;margin:0px 0px;position: relative;}
.i_product_list .list_box .prod_box.first,
.i_product_list .list_box .prod_box:first-child{ margin-left: 0;}
.i_product_list .list_box .prod_box .img{ height: 100%;width:100%;background: #fff;border: 1px solid #f6f6f6;border-radius: 5px;}
.i_product_list .list_box .prod_box .img a{text-decoration: none;}
.i_product_list .list_box .prod_box .pro_info{ margin: 0 10px;}
.i_product_list .list_box .prod_box .pro_info .star_img{ width: 100%; height: 16px; margin: 7px 0 10px;}
.i_product_list .list_box .prod_box .pro_name{ height: 48px; line-height: 24px; margin-top: 19px; overflow: hidden;}
.i_product_list .list_box .prod_box .pro_name a{ font-size: 14px; color: #333; text-decoration: none;}
.i_product_list .list_box .prod_box .prod_price{ width: 100%; height: 30px; line-height: 30px;color: #000; font-weight: normal;}
.i_product_list .list_box .prod_box .prod_price del{ margin-left: 8px; color: #999;font-size: 14px; font-weight: normal}
.i_product_list .list_box .prod_box .prod_price .PriceColor{color: #ff4083;font-size: 18px;}
.i_product_list .list_box .prod_box .loading_box{ position: relative; width: 90%; height: 16px; border: 1px solid #f47082; overflow: hidden; border-radius: 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
.i_product_list .list_box .prod_box .loading_box .loading_txt{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 16px; font-size: 12px; color: #f47082; text-align: center; z-index: 2;}
.i_product_list .list_box .prod_box .loading_box .loading_bg{ position: absolute; left: 0; top: 0; width: 25%; height: 100%; background: #ffe3e7; z-index: 1;}
.i_product_list .list_box .prod_box .icon_discount{position: absolute;top: 0;left: 10px;font-size: 14px;min-width: 52px;line-height: 30px;color: #fff;background: #fe9ec7;text-align: center;}

.i_hot_product{background: #fff no-repeat center top;}
.i_hot_product .wide{background: rgba(0,0,0,.9);padding:75px 6.2%;box-sizing: border-box;}
.i_hot_product .index_title{color: #fff;}
.i_hot_product .list .box{width: 27%;margin-top: 50px;}
.i_hot_product .list .box + .box{margin-left: 9%;}
.i_hot_product .list .box.middle{width: 370px;margin-top: 0;}
.i_hot_product .list .box .img{text-align: center;height: 270px;}
.i_hot_product .list .box.middle .img{height: 370px;}
.i_hot_product .list .box .pro_info{ margin: 0 10px;}
.i_hot_product .list .box .pro_info .star_img{ width: 100%; height: 16px; margin: 7px 0 10px;}
.i_hot_product .list .box .pro_name{ height: 48px; line-height: 24px; margin-top: 19px; overflow: hidden;}
.i_hot_product .list .box .pro_name a{ font-size: 14px; color: #fff; text-decoration: none;}
.i_hot_product .list .box .prod_price{ width: 100%; height: 30px; line-height: 30px;color: #000; font-weight: normal;}
.i_hot_product .list .box .prod_price del{ margin-left: 8px; color: #999;font-size: 14px; font-weight: normal}
.i_hot_product .list .box .prod_price .PriceColor{color: #ff4083;font-size: 18px;}

.flash_sale{text-align: center;}
.Countdown{margin-top: 55px;display: inline-block;background: #ff4083;padding:10px 45px 10px 28px;}
.Countdown .seconds,
.Countdown .day_seconds,
.Countdown .day_count{display: inline-block;padding-left: 28px;padding-right: 5px;height: 45px;line-height: 45px;color: #333;font-size: 32px;color: #fff;min-width: 60px;font-family: "Georgia";}
.Countdown .day_count{}
/*.Countdown .str{display: inline-block;width: 20px;text-align: center;font-size: 30px;color: #fff;}*/
.Countdown .day{display: inline-block;font-size: 14px;color: #fff;height: 45px;line-height: 45px;border-right: 1px solid #ff669c;padding-right: 28px;}
.Countdown .day:last-child{border-right: none;padding-right: 0;}

.i_blog{padding:75px 0;}
.i_blog .box{width: 50%;padding:0 15px;box-sizing: border-box;float: left;}
.i_blog .box .img{height: 340px;text-align: center;display: block;}
.i_blog .box .down{margin-top: -50px;z-index: 1;position: relative;}
.i_blog .box .date{max-width: 100px;width: 20%;margin-top: 60px;text-align: center;float: left;}
.i_blog .box .date .d{font-size: 46px;color: #ff4083;font-weight: bold;}
.i_blog .box .date .m{font-size: 16px;color: #ff4083;}
.i_blog .box .txt{max-width: 440px;width: 78%;height: 195px;background: rgba(0,0,0,.9);box-sizing: border-box;padding:25px;float: left;}
.i_blog .box .txt .title{font-size: 16px;color: #fff;font-weight: bold;display: block;margin-bottom: 15px;}
.i_blog .box .txt .bf{font-size: 12px;color: #aaa;line-height: 24px;overflow:hidden;height: 75px;margin-bottom: 15px;}
.i_blog .box .txt .more{font-size: 14px;color: #fff;padding-right: 45px;background: url(../images/icon_r_arrow.png) no-repeat right center;text-transform: uppercase;letter-spacing: 3px;}

.i_last_banner{text-align: center;height: 595px;background: #fff no-repeat center;}

.add_index{
    width: 90%;
    margin-left: 5%;
    background-color: #F6F6F6;
}

.vertical_middle{
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottom_span{
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #332C2B;
    letter-spacing: -0.23px;
    float: left;
    text-decoration:none;
    margin-top: 2%;
}

.head_span{
    font-family: PingFangSC-Semibold;
    font-size: 20px;
    color: #332C2B;
    letter-spacing: -0.29px;
    width: 100%;
    float: left;
}

.signup{
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #FFFFFF;
    letter-spacing: -0.23px;
}


/*以下为t089/index.php文件下的下半部分的部分代码*/
.y_bottom_logo{
    width: 100%;height: 50px;display: flex;align-items: center;justify-content:center;
}
.y_bottom_three{
    width: 100%;height: 30vh;margin-top: 6px;
    background: url("../../../../static/themes/t089/images/servicebg.png");
}
.y_bottom_three .y_pic{
    width: 33%;height: 100%;float: left;background-repeat: no-repeat;
}

.y_bottom_three .y_pic .y_pic_img{
    height: 22vh;
}

.y_bottom_ss{
    width: 100%;height: 20vh;
}

.y_bottom_ss .y_left{
    float: left; height: 10vh;width: 47%;background-color: #F26120;border-radius: 6px;margin-top:2%;
}
.y_bottom_ss .y_left .y_left_span{
    font-family: PingFangSC-Semibold;font-size: 45px;color: #FFFFFF;letter-spacing: -0.91px;
}

.y_bottom_ss .y_right{
    margin-left:6%;float:left;width: 47%;height: 10vh;background-color: #F26120;border-radius: 6px;margin-top:2%;
}
.y_bottom_ss .y_right .y_right_span{
    font-family: PingFangSC-Semibold;font-size: 45px;color: #FFFFFF;letter-spacing: -0.91px;
}

.y_bottom_last {
    width: 100%;height: 330px;background-color: #D8D8D8;margin-top: 40px;
}
.y_bottom_last a{
    text-decoration: none;
}

.y_bottom_last .y_first{
    width: 20%;height: 100%;float: left;
}
.y_bottom_last .y_first .y_first_img{
    margin-left:12%;width:70%;margin-top: 10%;
}

.y_bottom_last .y_first .y_first_a{
    margin-top: 14%;margin-left: 12%;
}

.left12{
    margin-left:12%
}

.y_bottom_last .y_first .y_limit_div{
    width: 100%;height: 100%;margin-right: 8%;margin-left: -8%;
}
.y_bottom_last .y_first .y_limit_div .y_first_input{
    width: 100%;height: 18%;float: left;
}
.y_bottom_last .y_first .y_limit_div .y_first_input input{
    width: 98%;height: 70%;margin-top: 3%;border-radius: 3px;
    border: 1px solid #332C2B;background-color: #D8D8D8;font-size: 18px;
}

.y_bottom_last .y_first .y_limit_div .y_first_input .y_input_logo{
    text-decoration:none;position: absolute;margin-top: -2.35%;margin-left:14.5%; width: 5%;
    height: 1.5%;background:#008A36;border-radius: 5px;
}
.y_bottom_last .y_first .y_limit_div .y_limit_img{
    float: left;margin-top: 3%;
}

.add_top{
    padding-top: 25px;
}

/*以下为商品QuickView的样式*/
.view{
    display: none;
    position: absolute;
    width: 100%;
    height: 10%;
    text-align: center;
}

.prod_box .pic_box .view_a{
    display: inline-block;
    padding: 0 25px;
    font-size: 14px;
    color: #555;
    text-transform: uppercase;
    line-height: 28px;
    border: 1px solid #e0e0e0;
    background: rgba(255,255,255,0.75);
    text-decoration: none;
}

.view_up{
    z-index: 2;
    top: 60%;
}

.img_up{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/*.i_prod{width: 367px;height: 182px;box-sizing: border-box;border: 1px solid #e3e3e3;padding: 15px 10px;box-sizing: border-box;float: left;margin-left: 8px;margin-bottom: 15px;background: #fff;}
.i_prod .prod_img{float: left;width: 130px;height: 130px;}
.i_prod .prod_info{float: left;width: 200px;margin-left: 15px;height: 100%;}
.i_prod .prod_info .prod_name{font-size: 16px;line-height: 22px;height: 22px;color: #333;-moz-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.i_prod .prod_info .prod_name a{color: #333;text-decoration: none;}
.i_prod .prod_info .i_prod_price{height: 40px;line-height: 40px;margin-top: 7px;}
.i_prod .prod_info .i_prod_price .prod_price1{font-size: 22px;float: left;}
.i_prod .prod_info .i_prod_price .prod_price_0{font-size: 16px;color: #959595;float: left;display: block;margin: 0 10px;}
.i_prod .prod_info .i_prod_price .prod_off{width: 32px;height: 25px;padding-top: 7px;line-height: 11px;font-size: 12px;color: #fff;border-radius: 150px;background: #f11030;text-align: center;display: inline-block;overflow: hidden;float: left;}
.i_prod .prod_info .prod_buy{margin-top: 3px;margin-bottom: 13px;}
.i_prod .prod_info .prod_buy a{display: block;width: 102px;height: 30px;line-height: 30px;border-radius: 5px;border: 1px solid #1b81c5;font-size: 14px;text-align: center;color: #3498db;text-decoration: none;}
.i_prod .prod_info .prod_schedule{width: 100%;}
.i_prod .prod_info .prod_schedule .prod_sbrief{font-size: 15.21px;color: #959595;margin-bottom: 5px;}
.i_prod .prod_info .prod_schedule .prod_sline{height: 12px;background: #e3e3e3;border-radius: 5px;}
.i_prod .prod_info .prod_schedule .prod_sline .prod_line_on{width: 50%;background: linear-gradient(to right, #fc7f9a 0%,#ff265a 100%);display: block;height: 100%;border-radius: 5px;}

.i_laptop_box{margin: 55px 0;background: #fff;}
.i_laptop_title{font-size: 24px;color: #333;line-height: 63px;height: 63px;text-indent: 20px;}
.i_laptop_title .arrow{float: right;padding-right: 25px;height: 100%;}
.i_laptop_box .l_l{float: left;width: 275px;height: 628px;}
.i_laptop_box .l_l img{width: 100%;height: 100%;}
.i_laptop_box .l_r{float: left;width: calc( 100% - 275px );}
.i_laptop_box .l_r:after{content: '';display: block;clear: both;}

.i_laptop_box .l_r .i_prod2{width: 235px;height: 314px;padding: 17px 10px;box-sizing: border-box;border-right: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;float: left;margin: 0;min-height: auto;}
.i_laptop_box .l_r .i_prod2>em{position: absolute;top: 17px;left: 10px;height: 24px;line-height: 24px;color: #fff;font-size: 14px;padding: 0 8px;background: #c62727;}
.i_laptop_box .l_r .i_prod2 .icon_seckill{display: none;}
.i_laptop_box .l_r .i_prod2:nth-last-child(-n+3){border-bottom: 1px solid #e3e3e3;}
.i_laptop_box .l_r .i_prod2 .i_prod2_img{height: 174px;}
.i_laptop_box .l_r .i_prod2 .i_prod2_name{line-height: 22px;font-size: 16px;color: #333;height: 44px;overflow: hidden;margin: 14px 0;}
.i_laptop_box .l_r .i_prod2 .i_prod2_name a{color: #333;text-decoration: none;}
.i_laptop_box .l_r .i_prod2 .i_prod2_price{height: 30px;line-height: 30px;}
.i_laptop_box .l_r .i_prod2 .i_prod2_price .i_prod2_price1{font-size: 20px;color: #000;float: left;}
.i_laptop_box .l_r .i_prod2 .i_prod2_price .i_prod2_price0{float: left;color: #959595;font-size: 14px;margin-left: 9px;}
.i_laptop_box .l_r .i_prod2 .i_prod2_price .i_prod_cart{float: right;width: 30px;height: 30px;border-radius: 150px;overflow: hidden;}
.i_laptop_box .l_r .i_prod2 .i_prod2_price .i_prod_cart a{display: block;background: url(../images/add_to_cart.png)no-repeat center center #1b81c5;height: 100%;}*/