*{margin:0;padding:0;word-break: break-word;}
html{font-size: 16px;}
body{margin: 0;color: #333333;-webkit-user-select: none;font-family: Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei";}
ul li{list-style-type: none;}
ol li{list-style-type: decimal;}
ul, form{margin: 0px;padding: 0px;overflow: hidden;}
form{margin: 0px;}
td{font-size: 14px;}
img{border: none;max-width: 100%;}
a:link, a:visited, a:active, a:hover {color: #333333;text-decoration: none;}
a, button, input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
input, textarea, select{outline: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none !important;}

.over-ellips{text-overflow: ellipsis;display: inline-block;white-space: nowrap;overflow: hidden;}
.over-ellips-row2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.over-ellips-row3{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}

.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.tips{font-size: 12px;color: #999;}
.bold{font-weight: bold;}
.textalignr{text-align: right;}
.textalignl{text-align: left;}
.textalignc{text-align: center;}

.bg_gray{background: #f4f4f4;}

.fc_6900{color: #DE3237;}
.fc-red{color: #FF0000;}

.dbtn{line-height: 30px;border-radius: 3px;text-align: center;}
.btn-fc{background-color: #DE3237;color:#fff;border: 1px solid #DE3237;}
.btn-fc2{background-color: #FFF6F0;color:#FC6900;border: 1px solid #DE3237;}
.btn-fc3{background-color: #DE3237;color:#fff;border: 1px solid #DE3237;}
.btn-fff{background-color: #fff;color:#666;border: 1px solid #DCDCDC;}

.transitions{transition: all .4s ease-in;-moz-transition: all .4s ease-in; /* Firefox 4 */-webkit-transition: all .4s ease-in; /* Safari 和 Chrome */-o-transition: all .4s ease-in; /* Opera */}
.header .defaultTransitions{height:0;opacity: 0;filter: alpha(opacity=0);overflow: hidden;}
.header .defaultTransitions.on{height:auto;opacity: 1;filter: alpha(opacity=100);}

.warp{width: 100%;width: 1200px;margin:0 auto;}

.layouttable{table-layout: fixed;width: 100%;border: none;}
.layouttable thead{height: 0;}




.header{color: #666;font-size: 14px;background: #fff;}
.header a{color: #666;}
.header .top_nav{border-bottom: 1px solid #E6E6E6;padding:3px;position: relative;}
.header .top_nav .top_nav_items a{padding:3px 0;}
.header .slideboxdownwarp{width: 210px;position: absolute;right: 0;z-index: 1;}
.header .slidebox{/*width: 210px;*/color:#606060;margin-top: 3px;border:1px solid #eee;box-shadow:0px 7px 7px 0px rgba(0, 0, 0, 0.25);z-index: 1;position: absolute;/*right: 0;*/}
.header .slidebox:after{content:'';width: 10px;height: 10px;transform: rotate(45deg);background: #fff;border:1px solid #eee;position: absolute;top: -4px;right: 45px;z-index: -1;}
.header .slidebox .slidebox_item{border-top: 1px solid #eee;padding:10px 5px;background: #fff;}
.header .slidebox .slidebox_item:first-child{border-top: none;}
.header .slidebox .slidebox_item .loginbtns>a{width: 48%;line-height: 30px;overflow: hidden;text-align: center;}
.header .slidebox .slidebox_item .userinfo{height: 50px;margin-bottom: 10px;}
.header .slidebox .slidebox_item .userinfo>div{vertical-align: middle;display: inline-block;overflow: hidden;}
.header .slidebox .slidebox_item .userinfo .user_avatar{width: 50px;height: 50px;border-radius: 50%;margin:0 10px;}
.header .slidebox .slidebox_item .userinfo .user_info{width: 120px;    max-height: 50px;}
.header .slidebox .slidebox_item .logined>a{line-height: 30px;overflow: hidden;text-align: center;}
.header .slidebox .slidebox_item .slidebox_item_navs{margin-top: 10px;}
.header .slidebox .slidebox_item .slidebox_item_navs .slidebox_item_nav{display: block;line-height: 22px;}
.header .searchbox{padding:17px 0;}
.header .searchbox .searchbox_logoth{width: 180px;}
.header .searchbox .searchinputth{}
.header .searchbox .searchbtnth{width: 110px;}
.header .searchbox .searchbox_btnth{width: 80px;}
.header .logo{padding:0 5px;}
.header .cart{padding-right: 20px;}
.header .searchbox input{width: 100%;font-size:16px;line-height: 36px;border:2px solid #DE3237;}
.header .searchbox input[type=text]{width: 98%;padding:0 1%;}

.main_nav{background: #F5F5F5;font-size: 18px;font-weight: bold;margin-bottom: 20px;height: 50px;overflow: hidden;}
.main_nav .main_nav_items{position: relative;}
.main_nav .main_nav_item{padding:14px 20px;color: #666;}
.main_nav .main_nav_item.on{border-bottom: 2px solid #DE3237;}
.main_nav .main_navbtn{width: 20px;height: 20px;line-height: 20px;position: absolute;right: 0;top: 0;margin-top: 15px;display: none;text-align: center;    line-height: 20px;}
.main_nav .main_navbtn.on{display: block;}

#show-tips{max-width:250px;background:#b7b7b7;color:#fff;padding:5px 10px;position:fixed;top:200px;left:-1000px;}


.locationDefault{margin:10px 0;color: #666;}
.locationDefault a{color: #666;}
.locationDefault span{color: #333;}
@media screen and (max-width: 1200px){
  .locationDefault{margin:10px;}
}
.quantityUtil{width: 106px;border:1px solid #ddd;border-radius: 3px;display: inline-block;overflow: hidden;vertical-align: middle;}
.quantityUtil .amount{border:none;height: 28px;width: 40px;text-align: center;padding:0 5px;}
.quantityUtil .quantityUtilbtn{display: inline-block;width: 27px;line-height: 28px;text-align: center;}
.quantityUtil .quantityUtilbtn.btnDel{border-right:1px solid #ddd;}
.quantityUtil .quantityUtilbtn.btnAdd{border-left:1px solid #ddd;}
.quantityUtil .quantityUtilbtn.disabled{}

.pages{text-align: right;font-size: 18px;line-height: 30px;margin:15px 0 20px 0;}
.pages .pagebtn{border:1px solid #d2d2d2;color: #666;padding:5px 0;border-radius: 3px;}
.pages .pagebtn.prev{padding-right: 6px;}
.pages .pagebtn.next{padding-left: 6px;}
.pages .num{padding:5px 8px;color: #666;}
.pages .num.on{color: #DE3237;}
.pages ul li {float:left;}
.pages a {
    /* float: left;  */
    min-width: 18px;
    height: 26px;
    padding: 0 4px;
    margin: 0 4px 0 0;
    border: 1px solid #D2D2D2;
    border-radius: 3px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    display: inline-block;
}.pages strong, .pages cite {
    /*float: left;*/
    min-width: 18px;
    height: 26px;
    padding: 0 4px;
    margin: 0 4px 0 0;
    border-radius: 3px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    cursor: pointer;
    color: #666;
    text-decoration: none;
    display: inline-block;
}.pages {
    /*padding: 80px 0;*/
}.pages .pages{
    width: fit-content;
    margin: 0 auto;
}
.pages .pages_inp, .pages .pages_btn{height: 26px;width: 40px;text-align: center;border: 1px solid #D2D2D2    ;outline: none;}
.pages .pages_btn{height: 28px;}

.defaultpages{text-align: right;font-size: 18px;line-height: 30px;margin:30px 0 20px 0;}
.defaultpages .pagebtn{border:1px solid #d2d2d2;color: #666;padding:5px 0;border-radius: 3px;}
.defaultpages .pagebtn.prev{padding-right: 6px;}
.defaultpages .pagebtn.next{padding-left: 6px;}
.defaultpages a{padding:5px 8px;color: #666;}
.defaultpages strong{color: #DE3237;}

.backtotop{text-align: center;margin:30px 0;}
.backtotop div{display: inline-block;background: url(../images/to_top.png) no-repeat center top;padding-top: 22px;color: #666;font-size: 14px;cursor: pointer;}

.footer{background: #F0F0F0;padding:50px 0;color: #666;margin-top: 60px;}
.footer .footer_part{display: inline-block;padding-left: 30px;min-width: 150px;vertical-align: top;}
.footer .footer_part_title{line-height: 30px;padding-bottom: 10px;text-transform: capitalize;}
.footer .footer_part_infos a,.footer .footer_part_infos{color: #999;font-size: 14px;line-height: 24px;}

.footer .footer_part.footer_logo{padding-right: 10%;}
.footer .tel{background: url(../images/phone.png) no-repeat;padding-bottom: 8px;padding-left: 26px;margin-left: -26px;}
.footer .email{background: url(../images/email.png) no-repeat;padding-left: 26px;margin-left: -26px;}

.footer .friendlinks{color: #999;margin:10px 0;padding:15px;}
.footer .friendlinks a{color: #999;}
.footer .copyright{border-top: 1px solid #ddd;padding: 15px;}
.copyright a{color: #666;}

/*re_alert*/
.win_alert{position:fixed; left:0; top:50%;transform: translateY(-50%); background:#fff; border:1px #ccc solid; opacity:0.95; filter:alpha(opacity=95); width:80%;max-width:400px; z-index:100000; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding-top:7px; overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.25); -webkit-box-shadow:0 2px 10px rgba(0,0,0,.25);}
.win_alert .win_close{height:14px; padding:5px 0;}
.win_alert .win_close .close{width:16px;height:16px;background:url(../images/close.png) no-repeat;float:right; padding:0; line-height:100%; font-size:20px; margin-right:17px; cursor:pointer;border:0; color:#888;}
.win_alert .win_close .close:hover{color:#aaa;}
.win_alert .win_tips{padding:12px 30px 26px 80px; background:url(http://www.waimaotong.com/template/new/images/win_warning.jpg) no-repeat 30px 8px; line-height:23px; border-bottom:1px #dbdbdb solid; margin-bottom:1px;}
.win_alert .win_btns{padding:10px 4px 10px 0; background:#ededed; text-align:right;}
.win_alert .win_btns .btn{width:inherit;height:22px; text-align:center; padding:0 20px; border:1px #b7b7b7 solid; background:#fff; color:#7d7070; cursor:pointer; margin-right:12px; font-size:12px; border-radius:4px;}
.win_alert .win_btns .btn_sure{border:1px #DE3237 solid; background:#DE3237; color:#fff;}
/*port*/

.address_hot{ 
    z-index: 111;
    /*width:310px;*/
    font-size: 12px;
}

.address_hot_s{
    top: 0; 
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; 
    z-index: 111; position: absolute; 
    left: 0;  
    display: none; 
    background: rgb(255, 255, 255);
    width:270px;
}

.address_hot_e{
    top: 0; 
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px; 
    z-index: 111; position: absolute; 
    left: 0;  
    display: none; 
    background: rgb(255, 255, 255);
    width:270px;
}
.address_hotcity{
    background-color: #f67400;
  border-color: #f67400;
  border-style: solid;
  border-width: 1px 1px 0;
  color: #fff;
  height: 24px;
  line-height: 24px;
  padding-left: 5px;
  font-size: 10px;
}
.address_hotcity strong {
  color: #FFFFFF;
}
.address_hotlist{
    overflow: hidden;
  padding: 5px;
}
.address_hotcity .address_close{
    display: none;
}
.address_hot_abb {
  border-bottom: 1px solid #f67400;
  padding-bottom: 0;
  overflow: hidden;
}
.address_hot_abb li {
  margin-bottom: 5px;
  color: #f67400;
  cursor: pointer;
  float: left;
  height: 20px;
  line-height: 20px;
  list-style-type: none;
  text-align: center;
}
.address_hot_abb li span {
  padding: 0 8px;
  line-height: 20px !important;
  color: #666;
}
.address_hot_abb li .hot_selected {
  display: block;
  padding: 0 7px;
  background-color: #FFFFFF;
  border-color: #f67400;
  border-style: solid;
  border-width: 1px 1px 0;
  color: #000000;
  font-weight: bold;
}
.address_hot_adress {
  margin: 0;
  padding-top: 4px;
  width: 100%;
}
.address_hot_adress li {
  float: left;
  height: 24px;
  overflow: hidden;
}
.address_hot_adress li a {
  border: 1px solid #FFFFFF;
  color: #000000;
  display: block;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
}
.address_close{
  float: right;
  padding: 5px;
}
.mform-select-dropdown.mform-select-port-dropdown{
  width: 300px;
}
/*port end*/

@media screen and (max-width: 640px){
  .header .top_nav,.header .searchbox .searchComponent{display: none;}
  .header .searchbox th.searchbtnth{width: auto;}
  .pages{text-align: center;}
}