@charset "utf-8";

/*header_top*/
.header{height: 80px;background: #f16363;min-width: 900px;}
.header .supplier_logo{width: 287px;height: 40px;background: url(../images/supplier_logo_03.png) no-repeat center;margin-top: 17px ;float: left;margin-left: 15px;}
.header .supplier_logo a{display: inline-block;width: 287px;height: 40px;}
.header .header_nav{float: left;margin-left: 30px;}
.header .header_nav li{float: left;position: relative;}
.header .header_nav li a{display: inline-block;padding: 0 30px;color: #ffffff;line-height: 80px;}
.header .header_nav li a:hover{text-decoration: underline;}
.header .header_nav li i{position:absolute;display: inline-block;width: 8px;height: 5px;background: url(../images/icon_01.png) no-repeat -1px bottom;margin-left: 5px;right: 17px;top: 50%;margin-top: -2px;}
.header .header_nav li em{position: absolute;display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 50%;background: #ffffff;color: #f16363;font-size: 12px;left: 8px;top: 50%;margin-top: -10px;}
.header .header_nav li .shop_sub_nav{position: absolute;top: 63px;left: 0;background: #ffffff;width: 94px;border: 1px solid #eeeeee; z-index: 88;display: none;}
.header .header_nav li .shop_sub_nav::before{position: absolute;top: -7px;left: 50%;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #fff;border-left: 7px solid transparent;border-bottom-color: rgba(255,255,255,1);  content: '';margin-left: -4px;}
.header .header_nav li .shop_sub_nav a{color: #222222;width: 94px;padding: 0;text-align: center;border-bottom: 1px dashed #eeeeee;line-height: 36px;}
.header .header_nav li .shop_sub_nav a:hover{text-decoration: none;background: #fafafa;}
.header .header_nav li .shop_sub_nav :nth-child(3){border-bottom: none;}
.header .header_nav li .order_sub_nav{position: absolute;top: 63px;left: -100px;background: #ffffff;width: 258px;border: 1px solid #eeeeee; z-index: 89;display: none;}
.header .header_nav li .order_sub_nav::before{position: absolute;top: -7px;left: 50%;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #fff;border-left: 7px solid transparent;border-bottom-color: rgba(255,255,255,1);  content: '';margin-left: -4px;}
.header .header_nav li .order_sub_nav a{color: #222222;line-height: 25px;padding: 10px 17px;}
.header .header_nav li .order_sub_nav a:hover{text-decoration: none;background: #fafafa;}
.header .header_nav li .order_sub_nav a span{display: block;width: 224px;color: #999999; }
.header .header_nav li .order_sub_nav a.more{color: #f16363;text-align: center;padding: 0 0 10px 0;display: block;}
.header .sign_out{float: right;}
.header .sign_out li{float: left;line-height: 80px;color: #ffffff;margin-right: 20px;}

.supplier_content{overflow: hidden;position: relative;min-height: 715px;min-width: 900px;}
/*left_nav*/
.left_nav_box{float: left;width: 220px;background: #ffffff;height: 100%;position: absolute;}
.left_nav_box .left_nav{float: left;width: 220px;}
.left_nav_box .left_nav .link{cursor: pointer;display: block;color: #333333;font-size: 12px;font-weight: bold;padding: 19px 14px 12px 46px;position: relative;}
.left_nav_box .left_nav li i{position: absolute;top: 22px;left: 22px;width: 15px;height: 15px;background: url(../images/icon_01.png) no-repeat;}
.left_nav_box .left_nav li i.position_a{background-position: top center;}
.left_nav_box .left_nav li i.position_b{background-position: left -24px;}
.left_nav_box .left_nav li i.position_c{background-position: left -47px;}
.left_nav_box .left_nav li i.position_d{background-position: left -71px;}
.left_nav_box .left_nav li i.position_e{background-position: center -94px;}
.left_nav_box .left_nav li i.position_f{background-position: left -118px;}
.left_nav_box .left_nav li i.fa-chevron-down{right: 10px;left: auto;top: 27px;width: 10px;height: 6px;background: url(../images/icon_01.png) no-repeat left -230px;-webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.left_nav_box .left_nav li.open i.fa-chevron-down{-webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}
.left_nav_box .left_nav li.open ul{display: block;}
.left_nav_box .left_nav .sub_menu{font-size: 12px;display: none;}
.left_nav_box .left_nav .sub_menu a{display: block;color: #888888;padding: 7px 0 7px 42px;border-left: 2px solid #ffffff;}
.left_nav_box .left_nav .sub_menu a:hover{background: #fafafa;border-left: 2px solid #dd2222;color: #dd2222;}