html,body{
    height: 100%;
    width: 100%;
}
/* body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.main-body{flex: 1;}*/
#context,.main-body {
    min-height: calc(100% - 300px);
}
a{text-decoration:none;}
a:hover, a:focus{ color:#e3393c; text-decoration:none;}

.searchtext{ width:420px; height:36px; padding:4px;  outline:0; border-width:2px 0 2px 2px; border-color:#B61D1D; border-style:solid; font-size:14px; font-family:"Microsoft YaHei";  margin-bottom:4px; float:left;}
.searchbtn { width:82px; height:36px; line-height:36px; text-align:center; vertical-align:middle; background:#B61D1D; border:0px; color:#fff; font-size:16px; cursor:pointer; font-family:"Microsoft YaHei"; float:left; }
.searchbtn:hover, .searchbtn:focus{ color:#fff; text-decoration:none;}
.floatclear{ float:none; margin:0px; padding:0px;}
.logodiv{ float:left; padding-right:150px;}
.searchdiv{ float:left;}
.searchtap{ padding-top:20px; padding-bottom:20px;}
.clear{clear:both;height:0px;overflow:hidden;}
.top-tap{border-bottom: 1px #ddd solid; background-color:#F7F7F7}
.tree{ width:220px; background-color:#000; color:#fff;}
.tree .item{ padding:10px;}
.tree .title{ margin-bottom:10px; font-size:14px;}
.tree .content{ font-size:12px;}
.tree .content span{ margin-right:10px;}
.tree .content a{ color:#fff;}
.tree .item-content{ position:absolute; margin-left:220px; border-top:solid 1px; border-bottom:solid 1px; border-right:solid 1px;}

.head-tap ul li a {  font-size:17px; }
.left_con{min-height:500px; background-color:#efeeee;}
.left_con .item{ text-align:center;}
.textLeft{ text-align: left;}
.right-tap{ }
.right-tap #tap-01 ul { background-color:#337ab7; padding-top:5px; padding-left:20px;}
.right-tap #tap-01 ul li { padding-left:30px; }
.right-tap #tap-01 ul li a{font-size:16px; color:#FFF;}
.right-tap #tap-01 ul .active a{ color:#555;}
.bs-docs-footer{padding-top:40px;padding-bottom:40px;color:#767676;text-align:center;border-top:1px solid #e5e5e5}
.area-address ul{ list-style:none;}
.area-address ul li { float:left; height:30px; line-height:30px;}
.area-address .item1 { width:160px;}
.area-address .item2{ width:280px;}
.area_add{ margin-bottom:30px; }
#stock-table li{ text-align:center;}
#tb-details table td{ font-size:12px;  vertical-align:middle;}
#tb-details table td p { padding:0px; margin:0px;}
.stock-tb-td1{ width:38%;}
.stock-tb-td2{ width:35%;}
.stock-tb-td3{ width:10%;}
.stock-tb-td4{ width:6%;}
.stock-tb-td5{ width:6%;}
.stock-check-td{width:3%}
.table-address th, .table-address td{ text-align:center; font-size:14px; }
.address-add{border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; padding:10px;}
.address-add ul li { float:left; vertical-align:middle; line-height:35px; min-height:35px; margin-bottom:10px;}
.address-add ul{ list-style:none;}
.address-add .item1{ width:20%; text-align:right; padding-right:20px;}
.address-add .item2{ width:75%;}
.user-add{border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid; padding:10px;}
.user-add ul li { float:left; vertical-align:middle; line-height:25px; min-height:25px; margin-bottom:10px;}
.user-add ul{ list-style:none;}
.user-add .item1{ width:20%; text-align:right; padding-right:20px;}
.user-add .item2{ width:75%;}
.id-card-con p{margin:0px;}

    .pull-left{float:left;}
    .pull-right{float:right;}
    .pull-none{float:none;}
    #NewTabs a{ font-size:14px; color:#6a6a6b;}
    #NewTabs .pull-right a{ margin:0 10px;}
    #NewTabs .fxnew{ cursor:pointer;}
    #NewTabs .fxnew i{ color:#eb7424; font-style:normal;}
    #NewTabs .fxnew span{ float:left; width:60px; height:40px; background:url('/images/logo/header01.png') no-repeat center center #ccc; }
    #FSNewtab { display:none; background-color:#014A8E; padding:10px 0; overflow:hidden;}
    #FSNewtab .hbt{ font-size:22px; font-weight:bold; color:#FB7C51; padding-left:20%; }
    #FSNewtab .hbt a{font-size:12px; color:#FFF; padding-left:1%; }    
    #FSNewtab .hbt a:hover{ color: #7fffd4;}       
    #FengexNews{ padding-top:5px; overflow:hidden;}
    #FengexNews .tagContent{display:none;}
    #FengexNews .tagContent p,
    #FengexNews .selectTag p{ font-size:16px; color:#edf6ff;}
    #FengexNews .tagContent p a,
    #FengexNews .selectTag p a{ color:#FFF;margin-left:8px; font-weight:bold;}
    #FengexNews .selectTag p a:hover{ color:#7fffd4;}
    #FengexNews .tag{ width:100%; padding-top:5px; text-align:right; overflow:hidden;}
    #FengexNews .tag li{display:inline;}
    #FengexNews .tag a{display:inline-block; width:8px; height:9px; background:url('/images/logo/header03.png') no-repeat; overflow:hidden; margin:0 3px;}
    #FengexNews .tag a:hover,
    #FengexNews .tag .selectTag a{ width:56px; background-image:url('/images/logo/header04.png');}

 .nav a.sign{padding: 0 15px;margin: 40px 0 5px 3px;line-height: 30px;border: 1px solid #58AFF2;}
 .nav a.signin {
     color: #fff !important;
     filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#58AFF2,endcolorstr=#2C6897,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#58AFF2,endcolorstr=#2C6897,gradientType=0);/*IE8*/	
    background:#3783BE; /* 一些不支持背景渐变的浏览器 */  
    background:-moz-linear-gradient(top, #58AFF2, rgba(44, 104, 151, 0.9));  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#58AFF2), to(rgba(44, 104, 151, 0.9)));  
    background:-o-linear-gradient(top, #58AFF2, rgba(44, 104, 151, 0.9));
                }
  .nav a.regin {
     color: #fff !important;
    background:#C41C0C; /* 一些不支持背景渐变的浏览器 */  
    -webkit-border-radius: 6px;
    border-radius: 6px;
                }               
                
 .nav a.signin:hover {background: #006390!important;border: 1px solid #2C6897;}
 .nav a.regin:hover {color: #000 !important;border: 1px solid #C41C0C;background: #ccc!important;}
 
 .pricehottag {
position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2;
    font-size: 8px;
    color: #ffffff;
    font-weight: 100;
    width: 30px;
}

 .redpot {
    position: absolute;
    top: 8px;
    right: 5px;
    z-index: 2;
    background-color: red;
    border-radius: 50%;
    width: 12px;
    height: 12px;
}


 .rednew {
    position: absolute;
    top: -3px;
    right: 2px;
    z-index: 2;
     font-size:6px;
     color: red;
}


 .pricehottag.tagblue {
 
    background: #069de2;
 }
  .pricehottag.tagred {
    background: #9229c5;
}

#packContent table tr td{text-align: center}

#address_select_table .addcheckbox{position:relative;width: 100%; height: 100%;top: 0px; left: 0px;}
#address_select_table .addcheckbox2{position:absolute;z-index: 2;width: 100%; height: 100%;top: 0px; left: 0px;opacity: 1;}
#address_select_table .addtd1class{width:3%; padding:0px; line-height:25px; vertical-align:middle;}
#address_select_table .addtd2class{width:96%; padding:0px; text-align:left; line-height:30px; vertical-align:middle;}

.borderleft{
    border: 4px solid #3a7ebf!important;
    border-style: solid none solid solid!important;
    border-radius: 12px 0 0 12px!important;
}
.borderleft:after {
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    background: -webkit-linear-gradient(left,#5bc5ef, #136a96);
    content: '';
    z-index: -1;
    border-radius: 12px;
}
.borderright{
    border-radius: 0 8px 8px 0;
    border: 4px solid #3a7ebf;
}

.border{
    position: relative;
    border: 4px solid transparent;
    border-radius: 16px;
    background: #fff;
    background-clip: padding-box;
    padding: 10px;
    /* just to show box-shadow still works fine */
    /*            box-shadow: 0 3px 9px black, inset 0 0 9px white;*/
}
.border::after{
    position: absolute;
    top: -4px; bottom: -4px;
    left: -4px; right: -4px;
    background: -webkit-linear-gradient(left,#5bc5ef, #136a96);
    content: '';
    z-index: -1;
    border-radius: 16px;
}