[v-cloak]{display:none}
*{margin: 0;padding: 0;text-decoration: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
body{margin:auto;padding:0px;font-size:12px;background:#fff;}
p{margin:0;padding:0;}
ul{margin:0px;padding:0px;}
ul{list-style:none;}
img {vertical-align: middle;border: 0;}
a:visited,a:active,a:link{color:black;}
a:hover{color:red}
a:visited,a:hover,a:active,a:link {text-decoration:none;}
input,select,textarea{outline: none;}

.href,.ohref{cursor:pointer;}
.ohref{color:#0078c1;cursor:pointer}
.cw{color:white}
.cred{color:red}
.c33{color:#333}
.fl{float:left}
.fr{float:right}
.tl {text-align: left !important;}
.tc {text-align: center !important;}
.tr {text-align: right !important;}
.bg_gray{background:gray}
.bg_green{background: green}
.bg_yellow{background:yellow}
.bg_gold{background: gold}
.bg_orange{background: orange}
.bg_red{background: red}
.bg_fuchsia{background: fuchsia}
.bg_blue{background: blue}
.w100{width:100%}
.out{text-indent: 10px;color: #595a5a}
.cup{cursor:pointer}
/*common*/
#bg{position:fixed;top:0;right:0;bottom:0;left:0;background:black;opacity:0.2;z-index:9998}
#loading{position:fixed;top:50%;left:50%;width:50px;height:50px;border:1px #f2f2f2 solid;border-radius:10px;background: white url("loading.gif") center center no-repeat;background-size:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:9999}
#bts{position:fixed;padding:5px 10px;border-radius:5px;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);bottom:15%;background:black;color:white;font-size:14px;z-index:999999}

.but{padding:6px 16px;background:#33a5ea;color:white;border-radius:6px;cursor:pointer}
.but:hover{background:#0e87d1}

.table{background-color: #eee;width:100%;border-spacing:1px;border-collapse:inherit}
.table .table_td_t {text-align: center;background-color:#f5f7fa;height:40px}
.table .table_td_c {background-color: #FFFFFF;height:40px;font-size:12px}
.table .table_td_c.tl{padding-left:5px}
.table tr:nth-of-type(odd) .table_td_c{background-color:#fdfdfd}
.table tr:hover .table_td_c{background-color:#f8f8f8}

.panel{margin-bottom:10px;background:#fff}
.panel .top{font:bold 14px/38px arial;text-indent:10px;color:#555;background:#f5f7fa}
.panel .top img{margin-right:5px;width:20px;height:20px;}
.panel .panel_content{padding:8px 10px;color:#555}
.panel .panel_table{}
.panel>.menu{float:left;width:100%;height:38px;background:#f5f7fa}
.panel>.menu li{float:left;padding:0 10px;font:14px/38px arial;color:#666;border-right:1px #ddd solid;}
.panel>.menu li.on{border-bottom:1px #fff solid;font:bold 14px/38px arial;background:#fff}


.page{height:30px;font:12px/30px arial;;text-indent:10px}
.page>a,.page>span{padding: 5px 10px 5px 10px;border: 1px #dddddd solid;cursor: pointer;}
.page>a{color: #428bca;text-decoration: none;}
.page .rows{float:right;margin-right:10px;width: 200px;height: 20px;font: 12px/20px arial;text-align: right;}
.page li{list-style:none}

.pages{float:left;width:100%;height:40px;font:12px/40px arial;color:#444}
.pages input{margin-right:5px}
.pages .fl{padding-left:12px;display: flex;justify-items: center;align-items: center;}
.pages .fr{padding-right:20px;display: flex;justify-items: center;align-items: center;}
.pages .fr select{margin:0 5px;width:50px;height:28px;border:1px #ccc solid;border-radius:3px;background:white}
.pages .fr .pagination{padding:0 20px}
.pages .fr .pagination li{float:left;margin-left:5px;min-width:30px;text-align:center;font:12px/26px arial;color:#444;border:1px #ccc solid;border-radius:3px;cursor:pointer}
.pages .fr li.first,.pages .fr li.last{color:#aaa;border:1px #fff solid}
.pages .fr li.ons{border:1px #fff solid}
.pages .fr .first.on,.pages .fr .last.on{color:#0078c1;border:1px #ccc solid}
.pages .fr li.more{font: 16px/16px arial;height: 26px;border:1px #fff solid}
.pages .fr .gopage{margin: 0 5px;width: 40px;height: 28px;border: 1px #ccc solid;text-align:center;border-radius:3px}
.pages .fr button{margin:0 0 0 5px;padding:2px 5px;border:1px #ccc solid;color:#444;border-radius:3px}


.ico1{width:18px;height:18px;background:url(ico1.png) no-repeat}
.ico1.ico1_74{background-position:-74px -74px;}
.ico1.ico1_92{background-position:-92px -74px;}

.tagbg{float:left;width:20px;height:20px;border-radius:3px;}

.scrollbar::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);border-radius: 10px;background: #ededed;}
.scrollbar::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);background: #535353;}
.scrollbar::-webkit-scrollbar {width: 6px;height: 1px;}
/*top*/
#top{margin:auto;min-width:1250px;width:100%;height:60px;background:#33a5ea;box-shadow: 0px 0px 6px 0px rgba(68, 68, 68, 0.49);}
#top #logo{float:left;width:250px;height:60px;background:url(index/logo3.png) center center no-repeat;background-size:auto 50px;}
#top #menu{float:left;width:760px;height:60px;}
#top #menu>ul{float:left;width:100%;height:60px;}
#top #menu>ul>li{position:relative;float:left;margin:22px 10px 0 0;width:60px;height:38px;;text-align:center;font:16px/40px arial;color:white;}
#top #menu>ul>li.on{background:#0078c1;border-top-left-radius:5px;border-top-right-radius:5px}
#top #menu>ul>li:hover{background:#0078c1;border-top-left-radius:5px;border-top-right-radius:5px}
#top #menu>ul>li>a{position:absolute;bottom:0px;left:50%;width:0;height:0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white;z-index:10;display:none}

#top #menu .menu2{position:absolute;left:0;top:38px;width:auto;min-height:38px;background:#fff;color:#555;box-shadow: 0px 0px 6px 0px rgba(68, 68, 68, 0.49);z-index:9999;display:none}
#top #menu>ul>li:hover>a{display:block}
#top #menu>ul>li:hover .menu2{display:block}
#top #menu .menu2>li{float:left;padding:10px;width:380px;border-bottom:1px #eee dashed}
#top #menu .menu2>li:last-child{border-bottom:none}
#top #menu .menu2>li>span{float:left;width:80px;font:bold 14px/38px arial;}
#top #menu .menu3{float:left;width:270px}
#top #menu .menu3>li{float:left;min-width:90px;font:14px/38px arial;color:#666}
#top #menu .menu3>li:hover{background:#0078c1;color:white;border-radius:3px;box-sizing:border-box}

#top #user_info{position:relative;float:right;margin-top: 22px;margin-right: 30px;width: 200px;height: 38px;background: white;display:flex;align-items:center;justify-content:center;border-top-left-radius:5px;border-top-right-radius:5px}
#top #user_info img{width:20px;height:20px;}
#top #user_info .user_name{padding:0 5px 0 15px}
#top #user_info .user_vip{width:70px;height:16px;background:url(index/vip-level.png) no-repeat;}
#top #user_info .user_vip.vip0{background-position:0 0}
#top #user_info .user_vip.vip1{background-position:0 -23px}
#top #user_info .user_vip.vip2{background-position:0 -48px}
#top #user_info .user_vip.vip3{background-position:0 -72px}
#top #user_info .user_vip.vip4{background-position:0 -98px}
#top #user_info .user_vip.vip5{background-position:0 -123px}
#top #user_info .user_vip.vip6{background-position:0 -147px}
#top #user_info .user_vip.vip7{background-position:0 -172px}
#top #user_info .user_vip.vip8{background-position:0 -197px}
#top #user_info .user_vip.vip9{background-position:0 -220px}

#top #user_info .menu2{position:absolute;right:0;top:38px;width:auto;min-height:38px;background:#fff;color:#555;box-shadow: 0px 0px 6px 0px rgba(68, 68, 68, 0.49);z-index:9999;display:none}
#top #user_info:hover .menu2{display:block}
#top #user_info .menu2>li{float:left;padding:10px;width:380px;border-bottom:1px #eee dashed;cursor:pointer}
#top #user_info .menu2>li:last-child{border-bottom:none}
#top #user_info .menu2>li>span{float:left;width:80px;font:bold 14px/38px arial;}
#top #user_info .menu3{float:left;width:270px}
#top #user_info .menu3>li{float:left;min-width:90px;font:14px/38px arial;color:#666;text-align:center;cursor:pointer}
#top #user_info .menu3>li:hover{background:#0078c1;color:white;border-radius:3px;box-sizing:border-box}
#top #user_info .menu2>li.bottom_li{float:right;width:100%;text-align:center
}
#top #user_info .menu2>li.bottom_li span{float:right;width:100px}
/*bottom*/
#bottom{float:left;;width:100%;min-height:100px;border-top:1px #aaa solid;}
#bottom .footbd {width: 1200px;margin: 0 auto;overflow: hidden;clear: both;}
#bottom .footbd .wrap li {float: left;line-height: 30px;width: 275px;font-size: 16px;margin-top: 10px;color: #888888;padding-bottom: 20px;}
#bottom .footbd .wrap li span{color:#aaa;font-size:12px}

#bottom_cen{padding:20px 0px 20px 40px;font:12px/20px 'Microsoft YaHei',arial;color:#444;background:#fff}
#bottom #bottom_cen #newstypes {width: 1200px;margin: 0 auto 20px auto;overflow: hidden;clear: both;}
#bottom #bottom_cen #newstypes .fdiv1 {float: left;width: 150px;margin-right:46px;margin-top: 20px;overflow: hidden;}
#bottom #bottom_cen #newstypes .fdiv1 h2 {margin:0px;font-size: 14px;height: 35px;line-height: 35px;font-weight: 600;}
#bottom #bottom_cen #newstypes .fdiv1 li {color: #b2b2b2;list-style: none;padding: 5px 0;}
#bottom #bottom_cen #newstypes .fdiv1 li a {color: #555;}

#bottom #bottom_cen #bottom_l{float:left;width:50%;min-height:100px;}
#bottom #bottom_cen #bottom_l .b{margin:0px 10px 5px 10px;}
#bottom #bottom_cen #bottom_l .b:first-child{margin-left:0px;}
#bottom #bottom_cen #bottom_r{float:left;width:50%;min-height:100px;}
#bottom #bottom_bot{height:40px;text-align:center;}

.transition{transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s cubic-bezier(0.42, 0, 0.13, 1.24);-o-transition: all .3s ease-in-out;}
/*erp*/
#erp{position:relative;float:left;margin-bottom:10px;padding:20px;width:100%;min-width:1200px;box-sizing:border-box;}
#erp .erp_l{width:210px;}
#erp .erp_l.on1{margin-left:-260px}
#erp .erp_r{padding-left:220px;width:100%;}
#erp .erp_r.on1{padding-left:0px}

#erp .erp_r1 .top img{cursor:pointer}
#erp .panel{float:left;width:100%;border:1px #ddd solid}
/*index*/
#erp .erp_l_news_more{float:right;padding-right:5px;font:12px/38px arial;}
#erp .erp_r_operation{width:70%}
#erp .erp_r_operation_more{margin-left:1%;width:29%}

#erp .list_quick{float:left;padding:10px 20px;width:100%;}
#erp .list_quick>li{float:left;width:100%;overflow:hidden}
#erp .list_quick>li>span{float:left;width:80px;font:bold 14px/38px arial;}
#erp .list_quick>li .menu{float:left;}
#erp .list_quick>li .menu>li{float:left;margin:8px 15px 8px 0 ;padding:2px;width:auto;font:12px/16px arial;color:#666;text-align:left;cursor:pointer}
#erp .list_quick>li .menu>li.radio{display:flex;align-items:center}
#erp .list_quick>li .menu>li.radio input{margin:0 5px}
#erp .list_quick>li .menu>li:hover,#erp .list_quick>li .menu>li.on{background:#0078c1;color:white;border-radius:3px;box-sizing:border-box}
/*customerGallery*/
#erp .panel_content .tree{float:left;padding:0px 0;width:100%;box-sizing:border-box}
#erp .panel_content .tree>li{float:left;width:100%;font:12px/24px arial;cursor:pointer;}
#erp .panel_content .tree>li>.ico1{float:left;margin-top:7px}
#erp .panel_content .tree>li>.ico_null{float:left;width:18px;height:18px;}
#erp .panel_content .tree>li>.name{float:left;padding:1px 5px;}
#erp .panel_content li .name:hover{padding:1px 5px;background:#0078c1;color:white;border-radius:3px}
#erp .panel_content .tree>li .name.on{padding:1px 5px;background:#0078c1;color:white;border-radius:3px}
#erp .panel_content .tree>li .tree2{float:left;padding-left:30px;width:100%;display:none}
#erp .panel_content .tree>li.on .tree2{display:block}

#erp .panel_content .tree>li>.tree2>li{float:left;width:100%;font:12px/24px arial;cursor:pointer;}
#erp .panel_content .tree>li>.tree2>li>.ico1{float:left;margin-top:7px}
#erp .panel_content .tree>li>.tree2>li>.ico_null{float:left;width:18px;height:18px;}

#erp .panel_content .tree>li>.tree2>li .name{padding:1px 5px;}
#erp .panel_content .tree>li>.tree2>li .name:hover{padding:1px 5px;background:#0078c1;color:white;border-radius:3px}

#erp .panel_content .tree>li>.tree2>li.on .tree3{display:block}
#erp .panel_content .tree>li>.tree2>li>.tree3{float:left;padding-left:30px;width:100%;display:none}
#erp .panel_content .tree>li>.tree2>li.tree3>li .name{padding:1px 5px;}
#erp .panel_content .tree>li>.tree2>li.tree3>li .name:hover{padding:1px 5px;background:#0078c1;color:white;border-radius:3px}

.erp_r .erp_r_buts{padding:10px;box-sizing:border-box}

.table .img{width:120px;padding:10px;background:url(customerGallery/transparent_bg.png)}
.table .img img{max-width:100px;max-height:100px;}
.table .tagcolor p{margin:auto;width:20px;height:20px}

/* box_update */
.box_update{width:80%}
.box_update .top{float:left;padding:0 10px;width:100%;height:40px;background:#f5f5f5;font:bold 14px/40px arial;cursor:move}
.box_update .top .close{float:right;width:20px;height:40px;text-align:center;font:16px/40px arial;cursor:pointer}
.box_update .img_update{float:left;margin:20px 0;width:100%;text-align:center;}
.box_update .img_update img{margin:40px 0;}
.box_update .s1{float:left;width:100%;font:12px/30px arial;color:#666}
#img_update .img_update_list{float:left;width:100%;height:400px;overflow-y:auto}

.box_update .table{border-top:1px #ddd solid}
.box_update .table img{width:100px;max-width:100px;max-height:100px;}
.box_update .table .gallery-name,.box_update .table .gallery-tags{margin:5px 1%;border-style: solid;border-width: 1px;border-color: rgb(225, 227, 229);background-color: rgb(255, 255, 255);width: 98%;height: 110px;resize: none;display: block;}

.box_update .table_bottom .but{float:right;padding:0;margin:10px;width:60px;height:30px;font:14px/30px arial;text-align:center;border-radius:5px}
.box_update .table_bottom .but.but_cancel,.box_update .table_bottom .but.but_continue{border:1px #ddd solid;color:#aaa;background:white}

/* box */
.box_mask{position:fixed;top:0;right:0;bottom:0;left:0;background:black;opacity:0.2;z-index:9998}
.box{position:fixed;top:50%;left:50%;min-width:580px;max-width:80%;min-height:200px;border:1px #f2f2f2 solid;border-radius:5px;background: white;background-size:100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);z-index:9999}
.box .top{float:left;padding:0 10px;width:100%;height:40px;background:#f5f5f5;font:bold 14px/40px arial;cursor:move}
.box .top .close{float:right;width:20px;height:40px;text-align:center;font:16px/40px arial;cursor:pointer}
.box .content{float:left;width:100%}

/*product*/
.lists{float:left;width:100%;min-height:100px;border-top:1px #eee solid;border-bottom:1px #eee solid;}

.list_pro_all{padding-left:20px;width:100%;height:40px;border-bottom:1px #eee solid;font:bold 12px/40px arial;color:#666;cursor:pointer}
.list_pro_all.on,.list_pro_all:hover{background:#0078c1;color:white}

.tree .tree_all{padding-left:20px}

/*goods_show*/
.top_page {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 30px;
    font: 16px/30px arial;
    color: #595a5a;
}
.show_list{
    float: left;
    width: 100%;
    min-height: 500px;
}
.show_list .list_left{
    float: left;
    width: 400px;
}
.show_list .list_left .left_img{
    float: left ;
    width: 400px;
    height: 400px;
    
}
.show_list .list_left .left_img img{
    width: 100%;
    height: 100%;
}
.show_list .list_left .temp{
    float: left;
    width: 100%;
    height: 30px;
    text-align: right;
    font: 14px/30px arial ;
    color: #595a5a
}
.show_list .list_left .left_top{
    float: left;
    width: 400px;
    height: 60px;
}
.show_list .list_left .left_top .top_into{
    float: left;
    margin-right: 10px;
    width: 20px;
    height: 60px;
    text-align: center;
    font: 10px/60px arial;
    background: #efefef;
    cursor:pointer;
} 
.show_list .list_left .left_top .top_into img{
    width: 20px;
    height: 20px;
}
.show_list .list_left .left_top .top_swiper{
    float: left;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width:calc(100% - 60px);
    height: 100%;
    overflow: hidden;
    z-index: 1
}
.show_list .list_left .left_top .top_swiper .swiper_wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}    
.show_list .list_left .left_top .top_swiper .swiper_wrapper .swi_slide{
    float: left;
    position: relative;
    margin-right: 10px;
    width: 60px;
    height: 100%;
    text-align: center;
    border:2px #fff solid;
    cursor: pointer;
}
.show_list .list_left .left_top .top_swiper .swiper_wrapper .on{
    border: 2px solid #1f8bce;
    padding: 0
}
.show_list .list_left .left_top .top_swiper .swiper_wrapper .swi_slide img{
    width: 56px;
    height: 56px
}
.show_list .list_right{
    float: left;
    padding-left: 30px;
    width: calc(100% - 400px);
}
.show_list .list_right .r_top_txt{
    float: left;
    margin-top: -28px;
    width: 100%;
    height: 30px;
    font: 14px/30px arial;
    border-bottom: 2px solid #1f8bce;
}
.show_list .list_right .r_top_txt .txt_right{
    float: right;
    min-width: 190px;
    height: 30px;
    font: 14px/30px arial
}
.show_list .list_right .r_top_txt .txt_right .r_red{
    float: left;
    margin: 5px;
    width: 60px;
    height: 20px;
    text-align: center;
    background: #f32006;
    font: 12px/20px arial;
    text-align: center;
    color: #fff;
    border-radius: 5px
}
.show_list .list_right .right_info{
    float: left;
    padding-top: 10px;
    width: 100%;
    height: 100px;
    background: #EAF2F9;
}
.show_list .list_right .right_info .info_vm{
    float: left;
    width: 150px;
    height: 90px;
    
}
.show_list .list_right .right_info .info_vm .vm_sales{
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px
}
.show_list .list_right .right_info .info_vm .vm_sales .sales_pro{
    margin-left: 100px;
    width: 35px;
    font: 40px/30px arial;
    color: red;
}
.show_list .list_right .right_info .info_vm .vm_money{
    float: left;
    width: 100%;
    height: 30px;
    font: 32px/30px arial;
    color: #ff4d3a;
    text-align: center
}
.show_list .list_right .right_info .info_vm .vm_bottom{
    float: left;
    width: 100%;
    height: 30px;
    font: 18px/30px arial;
    color: #999;
    text-align: center;
    text-decoration: line-through
}
.show_list .list_right .right_info .info_box{
    float: left;
    margin-top: 15px;
    width: calc(100% - 150px);
    height: 60px;
}
.show_list .list_right .right_info .info_box .box_grey{
    float: left;
    width: 20%;
    height: 60px;
    color: #999;
}
.show_list .list_right .right_info .info_box .box_grey .grey_tp{
    float: left;
    width: 100%;
    height: 30px;
    font: 12px/30px arial;
    text-align: left
}
.show_list .list_right .right_info .info_box .box_grey .td{
    text-decoration: line-through;
    font: 18px/30px arial;
    color:#999;
}
.show_list .list_right .right_info .info_box .box_grey .t{
    font: 18px/30px arial;
    color:#0078c1;
}
.show_list .list_right .info_pur{
    float: left;
    width: 100%;
    height: 30px;
    text-align: right;
    font: 12px/30px arial;
    color: #999;
    background: #EAF2F9;
}
.show_list .list_right .info_pur .in_b{
    color:#428bca;
    margin-right: 20px
}
.show_list .list_right .info_tip{
    float: left;
    margin-bottom:30px;
    width: 100%;
    height: 90px;
    color: #bababa;
    border-bottom:1px #eee dashed;
}
.show_list .list_right .info_tip .tip_grow{
    float: left;
    margin-top: 20px;
    width: 33.333333%;
    height: 50px;
    text-align: center;
    color: #bababa
}
.show_list .list_right .info_tip .tip_grow .geb_tit{
    float: left;
    width: 100%;
    height: 30px;
    font: 18px/30px arial;
    text-align: center;
    color: #333;
    overflow:hidden;
}
.show_list .list_right .info_tip .tip_grow .get_tit{
    float: left;
    width: 100%;
    height: 20px;
    font: 12px/20px arial;
    text-align: center;
    color: #bababa;
}
.show_list .list_right .info_item{
    float: left;
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
    height: 60px;
    border-top: 1px dashed #ececec;
}
.show_list .list_right .info_item .item_left{
    float: left;
    width: 70px;
    height: 60px;
    color: #888;
    font-size: 14px;
}
.show_list .list_right .info_item .item_right{
    float: left;
    padding-left: 20px;
    width: calc(100% - 70px);
    height: 60px;

}
.show_list .list_right .info_item .item_right img{
    float: left;
    margin: 5px;
    width: 50px;
    height: 50px;
    border: 2px solid #0099E1;
    border-radius: 5px;
    overflow: hidden
}
.show_list .list_right .info_size{
    float: left;
    margin-bottom:0px;
    width: 100%;
}
.show_list .list_right .info_size .item_left{
    float: left;
    width: 70px;
    height: 60px;
    color: #888;
    font-size: 14px;
}
.show_list .list_right .info_size .item_right{
    float: left;
    padding-left: 20px;
    width: calc(100% - 70px);
    height: 60px;

}
.show_list .list_right .info_size .item_right .rig_tit{
    float: left;
    margin: 5px;
    min-width: 60px;
    height: 25px;
    border-radius: 3px;
    border: 2px solid #efefef;
    text-align: center;
    background: #efefef;
    font: 14px/25px arial;
    color: #595a5a;
    cursor:pointer;
}
.show_list .list_right .info_size .item_right .rig_tit.on,.show_list .list_right .info_size .item_right .rig_tit:hover{
    border: 2px solid #0099e1
}

.show_list .list_right .info_field{
    float: left;
    margin: 10px 0 10px 0;
    width: 100%;
    height: 30px;
    text-align: right;
    color: #428bca;
    font: 14px/30px arial;
}
.show_list .list_right .info_search{
    float: left;
    margin-top: 20px;
    width: 100%;
    height: 40px;
}
.show_list .list_right .info_search .custom{
    float: left;
    width: 110px;
    height: 40px;
    background: #e9f1f8;
    color: #428bca;
    text-align: center;
    border-radius: 10px;
    font: 14px/40px arial;
}
.show_list .list_right .info_search .contrast{
    float: left;
    margin-left: 10px;
    width: 110px;
    height: 40px;
    background: #428dca;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    font: 14px/40px arial;
}
/*goods_details*/
.details_info{
    float: left;
    margin-top: 10px;
    width: 100%;
    height: auto;
    border: 1px solid #e1e3e5;
}
.details_info .details_top{
    position:relative;
    float: left;
    width: 100%;
    height: 50px;
    color: #595a5a;
    background: #f6f6f6;
}
.details_info .details_top ul{
    float: left;
    width: 100%;
    height: 50px;
    color: #595a5a;
    background: #f6f6f6;
    border-bottom: 2px solid #428bca;
    z-index:999;
}
.anchor {
    position: absolute;
    left: 0;
}
.details_info .details_top ul li{
    float: left;
    margin-top: 15px;
    padding: 0 10px;
    min-width: 110px;
    height: 20px;
    text-align: center;
    font: 14px/20px arial;
    font-weight: bold;
    color: #666;
    border-right: 1px solid #d2d4d4;
    cursor:pointer
}
.details_info .details_top ul li.on{
    margin-top: 0;
    width: 110px;
    height: 50px;
    font: 14px/50px arial;
    color: #fff;
    background-color: #428bca;
    border-right: 1px solid #428bca
}
.details_info .details_list{
    float: left;
    padding: 20px;
    width: 100%;
    min-height: 370px;
}
.details_info .details_list .pro_details{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    min-height: 200px;
}
.details_info .details_list .pro_details .pd_title{
    float: left;
    margin-bottom: 20px;
    padding: 0 12px;
    width: 100%;
    height: 40px;
    font: 14px/40px arial;
    font-weight: bold;
    border: 1px solid #f2f2f2;
    color: #4d4d4d;
    background-color: #fafafa;
}
.details_info .details_list .pro_details .pd_detaname{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 60px;
}
.details_info .details_list .pro_details .pd_detaname .name_span{
    float: left;
    width: 33.33333333%;
    height: 30px;
    font: 12px/30px arial;
    text-align: left;
    color: #595a5a
}
.details_info .details_list .pro_details .describe{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 140px;
}
.details_info .details_list .pro_details .describe .p_detail_tit{
    float: left;
    width: 60px;
    height: 100%;
    text-align: left;
    font-size: 12px;
    color: #595a5a
}
.details_info .details_list .pro_details .describe .break_all{
    float: left;
    width: calc(100% - 60px);
    height: 100%;
    font-size: 12px;
    color: #595a5a;
    text-align: left
}
.details_info .details_list .pro_details .fulley{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    min-height: 40px;
    font: 12px/20px arial;
    color: #595a5a;
    text-align: left;
}
.details_info .details_list .pro_details .nomal{
    float: left;
    width: 100%;
    min-height: 160px;
    border-collapse: collapse;
}
.details_info .details_list .pro_details .nomal .nor_thead{
    float: left;
    width: 100%;
    min-height: 40px;
    border: 1px solid #dddddd;
}
.details_info .details_list .pro_details .nomal .nor_thead .nor_tr{
    float: left;
    width: 100%;
    height: 40px;
    background: #f5f7fa
}
.details_info .details_list .pro_details .nomal .nor_thead .nor_tr .nor_th{
    float: left;
    width: 33.333333%;
    height: 40px;
    text-align: center;
    color: #595a5a;
    font: 12px/40px arial;
    color: #595a5a;
}
.bd_t{border-top: 1px solid #ddd;}
.bd_r{border-right: 1px solid #ddd}
.back_f{background: #fff}
.ml_20{margin-left: 50px}
.wh_20{width: 20%}
.details_info .details_list .pro_details .sizetru{
    float: left;
    margin-top: 5px;
    width: 100%;
    height: 20px;
    font: 12px/20px arial;
    color: #9e9e9e;
    text-align: right
}
.details_info .details_list .pro_details .nomal .nor_tr .speci_thead {
    float: left;
    width: 14.284%;
    height: 40px;
    text-align: center;
    color: #595a5a;
    font: 12px/40px arial;
    color: #595a5a;
}
.details_info .details_list .pro_details .usa_advice{
    float: left;
    width: 100%;
    min-height: 100px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}
.details_info .details_list .pro_details .usa_advice ul li{
    float: left;
    width: 70px;
    height: 40px;
    text-align: center;
    color: #595a5a;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font: 14px/40px arial
}
.details_info .details_list .pro_details .usa_advice ul li.on{
    float: left;
    border-bottom: 1px solid #fff;
}
.details_info .details_list .pro_details .usa_advice ul li.left{
    float: left;
    width: calc(100% - 420px);
    height: 40px;
    border-right: none;
    border-bottom: 1px solid #ddd
}
.details_info .details_list .pro_details .usa_advice .adv_content{
    float: left;
    padding: 10px;
    width: 100%;
    min-height:100px;
}
.details_info .details_list .pro_details .usa_advice .adv_content .adv_font{
    float: left;
    width: 100%;
    height: 30px;
    font: 12px/30px arial;
    color: #595a5a;
}
/*quick*/
.quick_item{
    float: left;
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: top
}
.quick_index{
    float: left;
    margin-top: 5px;
    padding: 0 5px;
    width: 50%;
    height: 30px;
    border: 1px solid #e1e3e5;
    vertical-align: top
}
.quick_bth{
    float: left;
    margin-top: 5px;
    margin-left: 10px;
    width: 60px;
    height: 30px;
    background: #428bca;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #428bca;
    font: 12px/30px arial;
    text-align: center;
}
.quick_sear{
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    width: 100px;
    height: 30px;
    border: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    font: 12px/30px arial
}

.table_box{
    float: left;
    margin-bottom: 10px;
    width: 100%;
    height: 40px;
}
.table_box .box_right{
    float: right;
    margin-top: 5px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 100px;
    height: 30px;
    border-radius: 5px;
    background: #0078c1;
    color: #fff;
    font: 12px/30px arial;
    font-weight: bold;
    text-align:center;
    cursor:pointer
}
.table_box .box_right .right_garden{
    float: right;
    margin: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #bc861f;
    color: #fff;
    font: 12px/20px arial;
    text-align: center
}