﻿.listtop {width:1180px; margin:0px auto; height:34px; line-height:34px;}
.listtopc1 {font-size:16px; font-weight:bold}
.listtoppb {width:20px; text-align:center}
.listtop .clearwhere {text-decoration: none; color: #666;}
.selector-set .ss-item {
    border: 1px solid #ddd;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    margin: 5px 5px 5px 0;
    padding: 0 26px 0 4px;
    position: relative;
    vertical-align: top;
    background-color:#fff;
}

.selector-set .ss-item:hover {
    border-color: #e4393c;
    text-decoration: none;
}
.selector-set .ss-item{color: #666;text-decoration: none;}
.selector-set {margin-right: 0;}
.selector-set .ss-item b {font-weight: 400;}
.selector-set .ss-item em {color: #e4393c;}
.selector-set .ss-item i {
    background: rgba(0, 0, 0, 0) url("/Content/theme/public/images/search.ele.png") no-repeat scroll 7px -140px;
    display: block;
    height: 22px;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}
.sl-e-more {
    background: #fff none repeat scroll 0 0;
    color: #333;
    float: left;
    height: 22px;
    margin-right: 10px;
    position: relative;
    visibility: hidden;
    width: 80px;
    line-height:22px;
    text-decoration:none;
    margin-top:5px;

}

.right .sl-e-more:hover i {
    background-position: 4px -11px;
    border-color: #e4393c;
}
.right .sl-e-more.opened i {
    background-position: 4px -27px;
}
.right .sl-e-more:hover {
    color: #e4393c;
    text-decoration: none;
}
.right .sl-e-more i {
     transition: background-position 0.15s ease-in-out 0s;
     background: rgba(0, 0, 0, 0) url("/Content/page/images/search.ele.png") no-repeat scroll 7px -140px;
      background-position: 4px 7px;
    border: 1px solid #ddd;
    display: block;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}

#TV_selectorMore .sm-wrap i {
    transition: background-position 0.15s ease-in-out 0s;
     background: rgba(0, 0, 0, 0) url("/Content/page/images/search.ele.png") no-repeat scroll 7px -140px;
    background-position: 4px 7px;
 
    display: block;
    height: 20px;
    position: absolute;
    right: 16px;
    top: 4px;
    
    width: 20px;
}
.listpage {
   
    overflow: hidden;
    display:block;
    margin:5px auto;
    position:relative;
    width:1180px;
}
.listresult {
    color:#666;
height:34px;line-height:34px;
 background: #f1f1f1 none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    width:1180px;
    margin:0px auto;
}
.listresult .content {
    width:1180px; margin:5px auto; height:24px; line-height:24px;color:#666;
}
.listwhere {width:1180px;margin:5px auto; font-size:14px; position:relative;min-height:60px; }
.listwhere .listwhereItem {  height: auto;clear:both;width:100%; clear:both;overflow:hidden}
.listwhere .listwhereItemcontent { width:1180px; border-bottom: 1px solid #ddd;position:relative;line-height:30px;  clear:both;overflow:hidden}
.listwhere .listwhereItemcontent .left {width: 150px;float:left; line-height:30px;}
.listwhere .listwhereItemcontent .center {width: 880px;float:left;height:30px;overflow:hidden;}
.listwhere .listwhereItemcontent .right {width: 150px;float:left;line-height:30px;overflow:hidden;}
.listwhere .listwhereItemcontent .extend {height: auto;}
.listwhere .listwhereItemcontent .extend i,#TV_selectorMore  .extend i  {
    background-position: 4px -27px;
}

.listwhere .listwhereItemcontent .center ul {
    float: left;

    overflow: hidden;
    position: relative;
}

.listwhere .listwhereItemcontent .center li {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-bottom: 4px;
    margin-right: 20px;
    overflow:hidden;
    width:230px;
}
.listwhere .listwhereItem .listwhereItemcontent .center li a {
    color: #005aa0;
    float: left;
    white-space: nowrap;
    text-decoration: none;
}

.listwhere .listwhereItem .listwhereItemcontent .center li a:hover {
    color: #e4393c;
    text-decoration: none;
}
.listwhere  .s-more {
    border-top: 1px solid #ddd;
    position: relative;
    text-align: center;
    top: -1px;
    transition: border-color 0.15s ease-in-out 0s;
}

.listwhere  .s-more .sm-wrap {
    background: #fff none repeat scroll 0 0;
    border-color: #fff #ddd #ddd;
    border-style: solid;
    border-width: 1px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin-top: -3px;
    padding: 0 40px 0 20px;
    position: relative;
    transition: border-color 0.15s ease-in-out 0s;
}
.listtbble {

overflow:auto;
width:1180px;
margin:0px auto;

}
#productTable {
    border: 1px solid #d3d3d3;
    white-space: nowrap;
      border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}
#productTable th, #productTable tr, #productTable td {
    padding: 3px;
}
#productTable, #productTable th, #productTable tr, #productTable td {
    border: 1px solid #d3d3d3;
    white-space: nowrap;
}
#productTable th {
    background-color: #333;
    color: #fff;
    text-align: center;
}
.trbgcolor{background-color:#F0F0F0;}




.btn {
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-decoration: none;
}
.btn-default {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(center top , #f7f7f7, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #ddd;
    color: #666;
    padding: 4px 13px 5px;
}
.btn-primary {
    background-color: #e74649;
    background-image: -moz-linear-gradient(center top , #e74649, #df3033);
    background-repeat: repeat-x;
    border: 0 none;
    color: #fff;
    padding: 5px 15px 6px;
}
.btn-primary {
    margin-right: 8px;
}
.btn.disabled {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #ccc;
    cursor: default;
    opacity: 0.2;
    padding: 4px 13px 5px;
}
.listwhere .sl-btns {
    display: none;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    clear:both;
}

.sl-e-multiple {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
    float: right;
    height: 20px;
    line-height: 20px;
    padding: 0 3px 0 18px;
    position: relative;
    margin-top:5px;
}
.listwhere .sl-e-multiple i {
       background: rgba(0, 0, 0, 0) url("/Content/page/images/ico_png24_01.png") no-repeat scroll 0px 105px;
    background-position: 0 -105px;
    display: block;
    font-style: normal;
    height: 20px;
    left: 3px;
    position: absolute;
    top: 1px;
    width: 13px;
}
.listwhere .sl-e-multiple:hover {
    color: #e4393c;
    text-decoration: none;
}
.listwhere .sl-e-multiple:hover i {
    background-position: 0 -126px;
    border-color: #e4393c;
}
.listwhere .multiple {
    background: #fffdee none repeat scroll 0 0;
    border: 2px solid #edd28b;
    margin-top: -1px;
}
.listwhere .multiple .sl-key {
    padding-left: 8px;
}
.listwhere .multiple .sl-value {
    background: #fff none repeat scroll 0 0;
    margin-left: 108px;
}
.listwhere .multiple .center  ul {
    height: auto;
}
.listwhere .multiple .center  ul {
    height: auto;
}
.listwhere .multiple .center  li {
    margin-right: 32px;
}
    .listwhere .multiple .center  li a {
        padding-left: 18px;
        position: relative;
    }
.listwhere .multiple .center  li a i {
    background: #fff url("/Content/page/images/ico_png24_01.png") no-repeat scroll 9999px 9999px;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 0;
    height: 12px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 12px;
}
.listwhere .multiple .center  li a:hover {
    color: #c81623;
    cursor: pointer;
}
.listwhere .multiple .center  li a:hover i {
    border-color: #e4393c;
}
.listwhere .multiple .center  li.selected a i {
    background-position: 0 -148px;
    border-color: #e4393c;
}
.listwhere .multiple .sl-btns {
    display: block;
}
.listwhere .multiple .sl-ext, .listwhere .multiple .btn-multiple {
    display: none;
}
/**********loading begin**************/
    #loading{  
    width:300px;  
    top:0px;  
    left:50%;  
    margin-left:-150px;  
    position:absolute;
    text-align:center;  
    padding:7px 0 0 0;  
    z-index:1000;
    font:bold 11px Arial, Helvetica, sans-serif;  
    display:none;
    }  

    .floattop {
    position: fixed;z-index: 999999;bottom: 0px;background: #FFF none repeat scroll 0 0;
    color: #666;min-width: 1350px;width: 100%;/*border-bottom: medium none;*/
    height: auto;border-top: 2px solid #d3d3d3;box-shadow: 0 0 5px #888;
}
.firstclass {
clear: both;height: 34px;line-height: 34px;min-width: 1350px;
width: 100%;position: fixed;background: #FFF none repeat scroll 0 0;
top: 0px;border-bottom: 2px solid #d3d3d3;z-index: 20;display: none;box-shadow: 0 0 5px #888;
}
.firstclass .btn-multiple {
    background: #fff none repeat scroll 0 0;border: 1px solid #ddd;color: #333;
    right: 10px;top: 10px;height: 20px;
    line-height: 20px;margin-top: 5px;padding: 0 3px 0 18px;position: absolute;text-decoration: none;
}
.firstclass .sl-key {
float: left;overflow: hidden;
background: #FFF none repeat scroll 0 0;white-space: nowrap;width: 75px;font-size: 14px;font-weight: bold;padding-left: 10px;
}
.firstclass .sl-value {
    overflow: hidden;padding-right: 10px;background: #FFF none repeat scroll 0 0;    padding-left: 10px;
}
.firstclass .sl-value, .firstclass .sl-value .sl-v-tab {    height: 35px;}
.firstclass .sl-value .sl-v-tab .trig-item {
background: #fff none repeat scroll 0 0;border: 1px solid #ddd;float: left;height: 23px;line-height: 23px;
margin-right: 5px;padding: 0 3px 0 6px;color: #666;text-decoration: none;margin-top: 5px;
}

.firstclass .sl-value .sl-tab-trigger .arrow {
background: rgba(0, 0, 0, 0) url(/Content/css/topvision/ico_png24_01.png) no-repeat scroll 4px -34px;
display: inline-block;height: 20px;vertical-align: top;width: 20px;
}

.firstclass .sl-value .sl-v-tab .trig-curr {
border-color: #999 #999 -moz-use-text-color;height: 27px;line-height: 27px;
text-decoration: none;z-index: 30;border-bottom: medium none;position: relative;
}
.firstclass .sl-value .trig-curr .arrow {background-position: 4px -67px;}
.firstclass .sl-tab-cont {position: relative;}
.firstclass .sl-tab-cont .sl-tab-cont-item {
background: #fff none repeat scroll 0 0;border: 1px solid #999;box-shadow: 1px 1px 1px rgba(153, 153, 153, 0.3);
display: none;left: 0;padding: 10px;position: absolute;top: 32px;min-width: 1350px;z-index: 2;width: 99%;
}
.firstclass .sl-tab-cont .sl-v-list a {
position: relative;color: #005aa0;cursor: pointer;float: left;
white-space: nowrap;color: #666;text-decoration: none;padding-left: 18px;
}
.firstclass .sl-tab-cont .sl-v-list li.selected a i {background-position: 0 -148px;border-color: #e4393c;}
.firstclass .sl-tab-cont .sl-v-list a i {
background: #fff url("/Content/css/topvision/ico_png24_01.png") no-repeat scroll 9999px 9999px;border: 1px solid #ccc;
display: inline-block;font-size: 0;height: 12px;left: 0;position: absolute;top: 6px;width: 12px;
}
.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.firstclass .s-senior ul {height: auto;}
.firstclass .sl-v-list ul {float: left;height: auto;overflow: hidden;position: relative;}
.firstclass .sl-v-list li {float: left;height: 26px;line-height: 26px;margin-bottom: 4px;margin-right: 50px;padding-top: 4px;}
.firstclass .sl-btns {display: block;padding-bottom: 5px;padding-top: 5px;text-align: center;clear: both;}