

.search_result{
    width:100%;
	min-height:600px;
}

/*--bar--*/
.home_search{
    width: 95%;
    height: 30px;
    margin: 0 auto;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 0px 5px;
    line-height: 30px;
    overflow: hidden;
}
.home_search>span{
    float: left;
    font-family: Arial;
    font-size: 14px;
    color: #cacbcb;
    text-align: center;
    cursor: pointer;
    max-width: 300px;
    word-wrap:break-word; 
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.home_search>span:before{
    content: ' :: ';
    font-family:Helvetica, Arial, sans-serif;
}
.home_search>a{
    float:left;
    text-decoration: none !important;
    font-family: Arial;
    font-size: 14px;
    color: #cacbcb !important;
    text-align: center;
}
.home_search>a:hover,.home_search>span:hover{
    color: #00548e !important;
}

/*--/bar--*/
/*主区域分栏*/
.search_list_area{
    overflow: hidden;
    margin:20px 0 10px;
    /*border: 1px dashed orange;*/
}
.list_left{
    position:relative;
    float:left;
    width:267px;
    margin-right:-267px;

}
.list_left_inbox{
    margin: 0 auto;
    width: 250px;
    border-left: 2px solid #00548e;
    border-right: 2px solid #00548e;
    border-bottom: 2px solid #00548e;
}
.list_right_box{
    float:right;width:100%;
}
.list_right{
    margin-left:327px;
    max-width: 1004px;
}
/*/主区域分栏*/
.list_left_title{
    width: 100%;
    height: 49px;

}
/*search box*/
.list_left_search{
    height: 45px;
}
.list_left_filter{
    margin: 0;
}

#list_search_box{
    padding: 0;
    width: 160px;
    height: 22px;
    padding: 0px 3px;
    border: 1px solid #717070;
    border-radius: 1px;
    margin: 10.5px 14px 10.5px 27px;
    outline: none;
}
#list_search_go{
    padding: 0;
    margin: 13.5px 0;
    width: 36px;
    height: 18px;
    font-family: arial;
    font-size: 15px;
    color: #fff;
    background-color: #00548e;
    cursor: pointer;
    border: none;
    outline: none;
}


.filter_title{
    position: relative;
}
.filter_title>p{
    background-color: #00548e;
    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-family: Gadugi,Arial;
    text-align: left;
    padding-left: 27px;
    margin: 0;
    margin-top: 2px;
}
.expand-open-close{
    cursor: pointer;
    position: absolute;
    right: 12.5px;
    top: 0;
    width: 35px;
    height: 35px;
}
/*show more*/


/* list event*/
.expand-panel>li,.expand-panel>ul>li{
    font-family: Arial !important;
    font-size: 14px !important;
    color: #666;
    padding-left: 32px;
    height: 23px;
    line-height: 23px;
    margin: 0;
    overflow: hidden;
}

.check_box{
    /*-webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;*/
    outline: none;
    margin: 3px 16px 0 0;
    padding: 0;
    width: 13px;
    height: 13px;
    border: 1px solid #959494;
}
#mini_price,#max_price{
    margin: 0;
    padding: 0;
    height: 12px;
    width: 43px;
    padding: 2px 2px;
    border: 1px solid #717070;
    outline: none;
}
#price_input_go{
    margin: 0;
    padding: 0;
    width: 32px;
    height: 18px;
    font-family: Arial;
    margin-left: 10px;
    font-size: 12px;
    color: #fff;
    background-color: #00548e;
    cursor: pointer;
    border: none;
    outline: none;
}
.products_able{
    display: inline-block;
    min-width: 70px;
    height:23px;
    white-space: nowrap;
    margin-right: 10px;
}
.product_num{float:right;margin-right:20px;}
.filter_title .more{text-align: center;display: none}
.product_more{
    text-align: center;
    color:#f77301;
    cursor: pointer;
}
#review_top_image,#review_bottom_image{
    width: 246px;
    height: 115px;
    display: block;
    margin: 20px auto;
}

/*right*/
.products_list_top{
    padding: 0;
    margin: 0;
    min-width: 450px;
    max-width: 1004px;
    background-color: #f1f1f1;
}
#recommend_products_left{
    width: 49.5%;
    display: inline-block;
    max-width: 502px;
    vertical-align: top;
}
#recommend_products_right{
    width: 49.5%;
    display: inline-block;
    max-width: 502px;
}

#recommend_1{
    display: inline-block;
    width: 45.7%;
    min-width: 185px;
    vertical-align: top;

}
#recommend_2{
    display: inline-block;
    width: 45.7%;
    min-width: 185px;
    vertical-align: top;
}
#recommend_1_area{
    display: inline-block;
    max-height: 90px;
    min-width: 185px;
    width: 53%;	vertical-align: top;
}
#recommend_2_area{
    display: inline-block;
    width: 53%;
    max-height: 90px;
    min-width: 185px;
}
#recommend_1_area>img,#recommend_2_area>img{
    margin-left: 2%;
    margin-top: 10px
}


#recommend_1_tips,#recommend_2_tips{
    display:-webkit-box;
    font-family: arial;
    font-size: 12px;
    color: #666;
    width:100%;
    height:36px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-left: 2%;
    margin-top:6px;
}

.contorl_bar>span{
    font-size: 16px !important;
    color: #666 !important;
}

#hover_selector{
    border: 1px solid #c1c1c1;
    width: 185px;
    height: 24px;
    line-height: 24px;
    font-family: Arial !important;
    font-size: 16px !important;
    color: #666;
    display: inline-block;
    padding: 0 0 0 12px;
    cursor: pointer;
    margin-top: 3px;
}
#hover_selector>ul{
    display: none;
    border-bottom: 1px solid #c1c1c1;
     background-color: #fff;
    width: 197px;
    text-align: left;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    position: absolute;
    top: 23px;
    left: -1px;
    z-index: 5;
}
#hover_selector>ul>li{

    padding-left: 12px;
}
#hover_selector>ul>li:hover{
    background-color: #00548e;
    color: #fff;
}

#hover_selector:hover>ul{
    display: block;
}


.contorl_bar{
    height: 32px;
    margin: 22px 0;
    padding-left: 18px;
    border-top: 1px solid #717070;
    border-bottom: 1px solid #717070;
    position: relative;
}
/* .view_windows,.view_lists{
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: 4px;
    display: inline-block;
}
.view_windows{
    position: absolute;
    right: 88px;
}
.view_lists{
    position: absolute;
    right: 30px;
} */


/*--products list--*/
#list_width{
    overflow: hidden;
}
#product_div{
    position: relative;
	min-height: 550px;
}
 #product_div .list_item {
     width: 25%;
 }
.product_list{
    max-width: 1000px;
    min-width:800px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom:40px;
}
.search-no-result {
    width: 300px;
    height: 25px;
    margin: 25px auto;
}

.search-no-result>span {
    font-size: 28px;
    font-family: Gadugi, Arial;
    line-height: 25px;
}


.interested {
    background: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #000;
    height: 34px;
    line-height: 34px;
    padding-left: 15px;
    margin-top: 47px;
}


/* 下面的css暂时不知道是哪的 */

/*--products list--*/
/*full_mask*/
#full_mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    z-index: 998;
}
#buy_window{
    width: 980px;
    height: 452px;
    background-color: #fff;
    margin-left: -490px;
    margin-top: -226px;
    position: absolute;
    top: 50%;
    left: 50%;
}
#buy_header{
    width: 100%;
    height: 54px;
    background-color: #00548e;
}

#buy_header>button{
    width: 54px;
    height: 54px;
    line-height: 54px;
    border: none;
    outline: none;
    font-size: 24px;
    color: #fff;
    background-color: #00548e;
    float: right;
}
#buy_header>div{
    width: 75px;
    height: 54px;
    margin-right: 130.5px;
    background-color: #fff;
    float: right;
}
#buy_header>div>div{
    width: 15px;
    height: 54px;
    margin: 0 auto;
    background-color: #fff;
    border-left: 15px solid #00548e;
    border-right: 15px solid #00548e;
}

#buy_main{
    width: 100%;
    height: 398px;
}
#buy_img_left{
    width: 392px;
    height: 398px;
    float: left;
}
#buy_img_left>div{
    width: 255px;
    height: 250px;
    clear: both;
    display: inline-block;
    margin: 74px 71px;
}
#buy_select_right{
    width: 588px;
    height: 398px;
    float: left;
}
#buy_select_info{
    width: 100%;
    height: 238px;
}
#buy_info_text{
    width: 100%;
    height: 72px;
    margin-top: 29px;
}
#buy_info_text>span{
    font-family: Arial;
    font-size: 26px;
    color: #505050;
    line-height: 1.2;
}
#buy_info_select{
    width: 100%;
    height: 60px;
    position: relative;
    margin-top: 20px;
}
#buy_select_color{
    height: 26px;
    line-height: 26px;
    font-family: Arial;
    font-size: 20px;
    color: #505050;
    float: left;
}



#buy_selected_color{
    width: 120px;
    height: 26px;
    line-height: 26px;
    padding-right: 30px;
    background-color: #00548e;
    font-size: 14px;
    text-align: center;
    color: #fff;
    float: left;
}

#buy_selected_color>ul{
    background-color: #ddd;
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 150px;
    top: 10px;
    border-radius: 5px;
}
#buy_selected_color>ul>li{
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    color: #00548e;
}
#buy_selected_color:hover>ul{
    display: block;
}
#buy_selected_color>ul>li:hover{
    background-color: #00548e;
    color: #fff;
}

#buy_select_model{
    height: 26px;
    line-height: 26px;
    font-family: Arial;
    font-size: 20px;
    color: #505050;
    float: left;
    margin-left: 10px;
}
#buy_selected_model{
    width: 120px;
    height: 26px;
    line-height: 26px;
    padding-right: 30px;
    background-color: #00548e;
    font-size: 14px;
    text-align: center;
    color: #fff;
    float: left;
}

#buy_selected_model>ul{
    background-color: #ddd;
    display: none;
    font-size: 16px;
    text-align: center;
    position: absolute;
    left: 380px;
    top: 10px;
    border-radius: 5px;
}
#buy_selected_model>ul>li{
    height: 25px;
    line-height: 25px;
    padding: 0 8px;
    color: #00548e;
}
#buy_selected_model:hover>ul{
    display: block;
}
#buy_selected_model>ul>li:hover{
    background-color: #00548e;
    color: #fff;
}






#buy_info_price{
    width: 100%;
    height: 35px;
}
#buy_info_price>i{
    font-style: normal;
    font-family: Arial;
    font-size: 20px;
    color: #505050;
}
#buy_info_price>span{
    font-family: Arial;
    font-size: 20px;
    color: #ff0f00;
}
#buy_info_nums{
    width: 100%;
    height: 35px;
    margin: 11.5px 0;
    overflow: hidden;
}
#buy_info_nums_left{
    width: 50px;
    height: 35px;
    line-height: 35px;
    float: left;
}
#buy_info_nums_left>span{
    font-family: Arial;
    font-size: 20px;
    color: #505050;
}
#buy_info_nums_right{
    width: 126px;
    height: 20px;
    margin: 6px 0;
    float: left;
}
#buy_info_nums_right>button{
    width: 20px;
    height: 20px;
    border: none;
    vertical-align: middle;
}
#buy_info_nums_right>input{
    width: 80px;
    height: 14px;
    margin: 0 1px;
}

#buy_info_add>span{
    font-family: Arial;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    color: #fff;
}
#info_addto{
    width: 130px;
    height: 40px;
    line-height: 40px;
    padding-left: 45px;
    background-color: #f77301;
}
#info_preorder{
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin-left: 50px;
    background-color: #f77301;
}
/*full_mask end*/

/* loading gif*/
#loading_image{
    width: 220px;
    height: 220px;
    /*background-color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 5px #999;*/
    position: fixed;
    top: 55%;
    left: 55%;
}
.hidden{
    display: none;
}
/* loading gif end*/
/*page control widget
janason 2016/12/12*/
.search-page-control{
    width: 100%;
    height: 56px;
    clear: both;
    padding-top: 50px;
    text-align: center;
}
.search-page-control-content{
    max-width: 600px;display: inline-block;
    height: 36px;
    margin: 0 auto;

    padding-left: 25px;

}
.search-page-control-num{
    padding: 0;
    margin: 0;
    max-width: 518px;
    height: 36px;
    overflow: hidden;
}
.search-page-control-num span{
    line-height: 28px;
    text-decoration: none;
}
.page-num{
    width: 25px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ddd;
    text-align: center;
    margin: 4px 12px;
    cursor: pointer;
    line-height: 26px;
}
.page-num:hover{
    border: 1px solid #000;
}
.page-num-on{
    width: 25px;
    height: 26px;
    line-height: 26px;
    border: 1px solid #ddd;
    text-align: center;
    margin: 4px 12px;
    background-color: #00548e;
    border: 1px solid #00548e;
}
.page-num-on span{
    color: #fefefe;
}
.search-page-control-left,.search-page-control-right{
    margin-top: 4px;
    cursor: pointer;
}
/*
end page control widget*/

/*  作者：Colin
  时间：2016-12-01
  描述：*/

.nav-content{
    margin-bottom: 10px !important ;
}
#loading_image{
    background-image: url(/icon/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.expand-open-close{
    font-style: normal;
    background-image: url(/icon/l_down.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.expand-open-close.open{
    background-image: url(/icon/l_up.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.more-close-open.closed{
    background-image: url(/icon/down_page.png);
    background-repeat: no-repeat;
    background-position: 37px 6.5px;
}
.more-close-open.open{
    background-image: url(/icon/up_page.png);
    background-repeat: no-repeat;
    background-position: 37px 6.5px;
}
.expand-panel{
    padding: 16.5px 0 15px 0;
    background-image: url(/icon/little_triangle.png);
    background-repeat: no-repeat;
    background-position: 31px -2px;
}
.reviews_title{
    width: 264px;
    height: 37px;
    margin-top: 10px;
    background-image: url(/icon/related_reviews.png);
    background-repeat: no-repeat;
    background-size: cover;
}
#hover_selector{
    background: url(/icon/sort_down.png);
    background-repeat: no-repeat;
    background-position-x: 171px;
    background-position-y: 1px;
    position: relative;
}
#hover_selector:hover{
    background: url(/icon/sort_up.png);
    background-repeat: no-repeat;
    background-position-x: 171px;
}
.a_product_box_lists>.a_product_rating>.starImage5{
    background-image: url(/icon/5.png);
    background-repeat: no-repeat;
    background-position-x: 60px;
}
.a_product_box_lists>.a_product_rating>.starImage4{
    background-image: url(/icon/4.png);
    background-repeat: no-repeat;
    background-position-x: 60px;
}
.a_product_box_lists>.a_product_rating>.starImage3{
    background-image: url(/icon/3.png);
    background-repeat: no-repeat;
    background-position-x: 60px;
}
.a_product_box_lists>.a_product_rating>.starImage2{
    background-image: url(/icon/2.png);
    background-repeat: no-repeat;
    background-position-x: 60px;
}
.a_product_box_lists>.a_product_rating>.starImage1{
    background-image: url(/icon/1.png);
    background-repeat: no-repeat;
    background-position-x: 60px;
}
.home_search>i{
    float: left;
    font-style: normal;
    font-family: Arial;
    font-size: 14px;
    color: #cacbcb;
    text-align: center;

}
.home_search>span>button{
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    margin-top: 1px;
    outline: none;
    float: right;
    width: 16px;
    height: 16px;
    background: url(/icon/x_delete.png) no-repeat;
}
i.starImage5{
    background: url(/icon/5.png) no-repeat;
    background-size: cover;
}
i.starImage4{
    background: url(/icon/4.png) no-repeat;
    background-size: cover;
}
i.starImage3{
    background: url(/icon/3.png) no-repeat;
    background-size: cover;
}
i.starImage2{
    background: url(/icon/2.png) no-repeat;
    background-size: cover;
}
i.starImage1{
    background: url(/icon/1.png) no-repeat;
    background-size: cover;
}

/*best-sellers*/
.container_img img{width:100%;height:auto;}
.best_list_area{
    margin: 30px 0 10px;
}
.left_title_box{
    width:100%;
    height:50px;
    background:#00548e;
    position: relative;
}
.best_title{
    width:94%;
    height:50px;
    background:#00548e;
    text-align: center;
    font-size:20px;
    line-height: 50px;
    font-weight:600;
    color:#fff;
    position: absolute;
    top:-12px;
    left:3%;
    z-index: 20;
    box-shadow: 0 3px 2px 1px rgba(0, 0, 0, .2);
}
.best_line{
    position: absolute;
    top:9px;
    z-index: 30;
}
.best_line .line{
    display: block;
    width:30px;
    height:3px;
    margin-top:2px;
    background:#fff;
}
.best_left{
    left:0;
}
.best_right{
    right:0;
}
.best_list_box{
    width:94%;
    margin:0 auto;
    background:#fff;
    border:2px solid #00548e;
    box-sizing: border-box;
}
.best_item{
    width:100%;
    height:35px;
    line-height: 35px;
    font-size: 16px;
    text-align: left;
    padding-left:30%;
    box-sizing: border-box;
    color:#333;
    cursor: pointer;
}
.best_item a{
    display: block;
    color:#333;
}
.best_item.on{
    background:#f77301;
}
.best_item.on a{color:#fff;}
.title_left_img{width:100%;margin-top:20px;}
.title_left_img img{width:100%;height:auto;}
.index_icon{
    position: absolute;
    width:25px;
    height:25px;
    border-radius: 50%;
    background:#000;
    /*left:-3px;*/
    top:-1px;
    color:#fff;
    line-height: 25px;
}
