@charset "UTF-8";
/*-----------------------------------------------------------pp框架----------------------------------------------------*/
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block;}
h1{margin:.67em 0;font-size:2em}
hr{overflow:visible;box-sizing:content-box;height:0}
pre{font-size:1em;font-family:monospace,monospace}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;-webkit-text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-size:1em;font-family:monospace,monospace}
small{font-size:80%}
sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{margin:0;font-size:100%;font-family:inherit;line-height:1.15}
button,input{overflow:visible}
button,select{text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{display:table;box-sizing:border-box;padding:0;max-width:100%;color:inherit;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{outline-offset:-2px;-webkit-appearance:textfield}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
html{font-family:sans-serif}

.hidden,[hidden]{display:none!important}
.pp-img{display:block;height:auto;max-width:100%}
.pp-g{display:flex;flex-flow:row wrap;align-content:flex-start}
.pp-u{display:inline-block;vertical-align:top}
.pp-u-1,.pp-u-1-1,.pp-u-1-12,.pp-u-1-2,.pp-u-1-24,.pp-u-1-3,.pp-u-1-4,.pp-u-1-5,.pp-u-1-6,.pp-u-1-8,.pp-u-10-24,.pp-u-11-12,.pp-u-11-24,.pp-u-12-24,.pp-u-13-24,.pp-u-14-24,.pp-u-15-24,.pp-u-16-24,.pp-u-17-24,.pp-u-18-24,.pp-u-19-24,.pp-u-2-24,.pp-u-2-3,.pp-u-2-5,.pp-u-20-24,.pp-u-21-24,.pp-u-22-24,.pp-u-23-24,.pp-u-24-24,.pp-u-3-24,.pp-u-3-4,.pp-u-3-5,.pp-u-3-8,.pp-u-4-24,.pp-u-4-5,.pp-u-5-12,.pp-u-5-24,.pp-u-5-5,.pp-u-5-6,.pp-u-5-8,.pp-u-6-24,.pp-u-7-12,.pp-u-7-24,.pp-u-7-8,.pp-u-8-24,.pp-u-9-24{display:inline-block;vertical-align:top;word-spacing:normal;letter-spacing:normal;text-rendering:auto}
.pp-u-1-24{width:4.1667%}
.pp-u-1-12,.pp-u-2-24{width:8.3333%}
.pp-u-1-8,.pp-u-3-24{width:12.5%}
.pp-u-1-6,.pp-u-4-24{width:16.6667%}
.pp-u-1-5{width:20%}
.pp-u-5-24{width:20.8333%}
.pp-u-1-4,.pp-u-6-24{width:25%}
.pp-u-7-24{width:29.1667%}
.pp-u-1-3,.pp-u-8-24{width:33.3333%}
.pp-u-3-8,.pp-u-9-24{width:37.5%}
.pp-u-2-5{width:40%}
.pp-u-10-24,.pp-u-5-12{width:41.6667%}
.pp-u-11-24{width:45.8333%}
.pp-u-1-2,.pp-u-12-24{width:50%}
.pp-u-13-24{width:54.1667%}
.pp-u-14-24,.pp-u-7-12{width:58.3333%}
.pp-u-3-5{width:60%}
.pp-u-15-24,.pp-u-5-8{width:62.5%}
.pp-u-16-24,.pp-u-2-3{width:66.6667%}
.pp-u-17-24{width:70.8333%}
.pp-u-18-24,.pp-u-3-4{width:75%}
.pp-u-19-24{width:79.1667%}
.pp-u-4-5{width:80%}
.pp-u-20-24,.pp-u-5-6{width:83.3333%}
.pp-u-21-24,.pp-u-7-8{width:87.5%}
.pp-u-11-12,.pp-u-22-24{width:91.6667%}
.pp-u-23-24{width:95.8333%}
.pp-u-1,.pp-u-1-1,.pp-u-24-24,.pp-u-5-5{width:100%}
.pp-button{display:inline-block;box-sizing:border-box;vertical-align:middle;text-align:center;white-space:nowrap;line-height:normal;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
.pp-button::-moz-focus-inner{padding:0;border:0}
.pp-button-group{letter-spacing:-.31em;text-rendering:optimizespeed}
.opera-only :-o-prefocus,.pp-button-group{word-spacing:-.43em}
.pp-button-group .pp-button{vertical-align:top;word-spacing:normal;letter-spacing:normal;text-rendering:auto}
.pp-button{padding:.5em 1em;border:none transparent;border-radius:2px;background-color:#e6e6e6;color:rgba(0,0,0,.8);text-decoration:none;font-size:100%;font-family:inherit}
.pp-button-hover,.pp-button:focus,.pp-button:hover{background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}
.pp-button:focus{outline:0}
.pp-button-active,.pp-button:active{border-color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset}
.pp-button-disabled,.pp-button-disabled:active,.pp-button-disabled:focus,.pp-button-disabled:hover,.pp-button[disabled]{border:none;background-image:none;box-shadow:none;opacity:.4;cursor:not-allowed;pointer-events:none}
.pp-button-hidden{display:none}
.pp-button-primary,.pp-button-selected,a.pp-button-primary,a.pp-button-selected{background-color:#0078e7;color:#fff}
.pp-button-group .pp-button{margin:0;border-right:1px solid rgba(0,0,0,.2);border-radius:0}
.pp-button-group .pp-button:first-child{border-bottom-left-radius:2px;border-top-left-radius:2px}
.pp-button-group .pp-button:last-child{border-right:none;border-top-right-radius:2px;border-bottom-right-radius:2px}
.pp-form input[type=color],.pp-form input[type=date],.pp-form input[type=datetime-local],.pp-form input[type=datetime],.pp-form input[type=email],.pp-form input[type=month],.pp-form input[type=number],.pp-form input[type=password],.pp-form input[type=search],.pp-form input[type=tel],.pp-form input[type=text],.pp-form input[type=time],.pp-form input[type=url],.pp-form input[type=week],.pp-form select,.pp-form textarea{display:inline-block;box-sizing:border-box;padding:.5em .6em;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #ddd;vertical-align:middle}
.pp-form input:not([type]){display:inline-block;box-sizing:border-box;padding:.5em .6em;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 3px #ddd}
.pp-form input[type=color]{padding:.2em .5em}
.pp-form input[type=color]:focus,.pp-form input[type=date]:focus,.pp-form input[type=datetime-local]:focus,.pp-form input[type=datetime]:focus,.pp-form input[type=email]:focus,.pp-form input[type=month]:focus,.pp-form input[type=number]:focus,.pp-form input[type=password]:focus,.pp-form input[type=search]:focus,.pp-form input[type=tel]:focus,.pp-form input[type=text]:focus,.pp-form input[type=time]:focus,.pp-form input[type=url]:focus,.pp-form input[type=week]:focus,.pp-form select:focus,.pp-form textarea:focus{outline:0;border-color:#129fea}
.pp-form input:not([type]):focus{outline:0;border-color:#129fea}
.pp-form input[type=checkbox]:focus,.pp-form input[type=file]:focus,.pp-form input[type=radio]:focus{outline:thin solid #129fea;outline:1px auto #129fea}
.pp-form .pp-checkbox,.pp-form .pp-radio{display:block;margin:.5em 0}
.pp-form input[type=color][disabled],.pp-form input[type=date][disabled],.pp-form input[type=datetime-local][disabled],.pp-form input[type=datetime][disabled],.pp-form input[type=email][disabled],.pp-form input[type=month][disabled],.pp-form input[type=number][disabled],.pp-form input[type=password][disabled],.pp-form input[type=search][disabled],.pp-form input[type=tel][disabled],.pp-form input[type=text][disabled],.pp-form input[type=time][disabled],.pp-form input[type=url][disabled],.pp-form input[type=week][disabled],.pp-form select[disabled],.pp-form textarea[disabled]{background-color:#eaeded;color:#cad2d3;cursor:not-allowed}
.pp-form input:not([type])[disabled]{background-color:#eaeded;color:#cad2d3;cursor:not-allowed}
.pp-form input[readonly],.pp-form select[readonly],.pp-form textarea[readonly]{border-color:#ccc;background-color:#eee;color:#777}
.pp-form input:focus:invalid,.pp-form select:focus:invalid,.pp-form textarea:focus:invalid{border-color:#e9322d;color:#b94a48}
.pp-form input[type=checkbox]:focus:invalid:focus,.pp-form input[type=file]:focus:invalid:focus,.pp-form input[type=radio]:focus:invalid:focus{outline-color:#e9322d}
.pp-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}
.pp-form select[multiple]{height:auto}
.pp-form label{margin:.5em 0 .2em}
.pp-form fieldset{margin:0;padding:.35em 0 .75em;border:0}
.pp-form legend{display:block;margin-bottom:.3em;padding:.3em 0;width:100%;border-bottom:1px solid #e5e5e5;color:#333}
.pp-form-stacked input[type=color],.pp-form-stacked input[type=date],.pp-form-stacked input[type=datetime-local],.pp-form-stacked input[type=datetime],.pp-form-stacked input[type=email],.pp-form-stacked input[type=file],.pp-form-stacked input[type=month],.pp-form-stacked input[type=number],.pp-form-stacked input[type=password],.pp-form-stacked input[type=search],.pp-form-stacked input[type=tel],.pp-form-stacked input[type=text],.pp-form-stacked input[type=time],.pp-form-stacked input[type=url],.pp-form-stacked input[type=week],.pp-form-stacked label,.pp-form-stacked select,.pp-form-stacked textarea{display:block;margin:.25em 0}
.pp-form-stacked input:not([type]){display:block;margin:.25em 0}
.pp-form-aligned input,.pp-form-aligned select,.pp-form-aligned textarea,.pp-form-message-inline{display:inline-block;vertical-align:middle}
.pp-form-aligned textarea{vertical-align:top}
.pp-form-aligned .pp-control-group{margin-bottom:.5em}
.pp-form-aligned .pp-control-group label{display:inline-block;margin:0 1em 0 0;width:10em;vertical-align:middle;text-align:right}
.pp-form-aligned .pp-controls{margin:1.5em 0 0 11em}
.pp-form .pp-input-rounded,.pp-form input.pp-input-rounded{padding:.5em 1em;border-radius:2em}
.pp-form .pp-group fieldset{margin-bottom:10px}
.pp-form .pp-group input,.pp-form .pp-group textarea{position:relative;top:-1px;display:block;margin:0 0 -1px;padding:10px;border-radius:0}
.pp-form .pp-group input:focus,.pp-form .pp-group textarea:focus{z-index:3}
.pp-form .pp-group input:first-child,.pp-form .pp-group textarea:first-child{top:1px;margin:0;border-radius:4px 4px 0 0}
.pp-form .pp-group input:first-child:last-child,.pp-form .pp-group textarea:first-child:last-child{top:1px;margin:0;border-radius:4px}
.pp-form .pp-group input:last-child,.pp-form .pp-group textarea:last-child{top:-2px;margin:0;border-radius:0 0 4px 4px}
.pp-form .pp-group button{margin:.35em 0}
.pp-form .pp-input-1{width:100%}
.pp-form .pp-input-3-4{width:75%}
.pp-form .pp-input-2-3{width:66%}
.pp-form .pp-input-1-2{width:50%}
.pp-form .pp-input-1-3{width:33%}
.pp-form .pp-input-1-4{width:25%}
.pp-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}
.pp-form-message{display:block;color:#666;font-size:.875em}
.pp-menu{box-sizing:border-box}
.pp-menu-fixed{position:fixed;top:0;left:0;z-index:3}
.pp-menu-item,.pp-menu-list{position:relative}
.pp-menu-list{margin:0;padding:0;list-style:none}
.pp-menu-item{margin:0;padding:0;height:100%}
.pp-menu-heading,.pp-menu-link{display:block;text-decoration:none;white-space:nowrap}
.pp-menu-horizontal{width:100%;white-space:nowrap}
.pp-menu-horizontal .pp-menu-list{display:inline-block}
.pp-menu-horizontal .pp-menu-heading,.pp-menu-horizontal .pp-menu-item,.pp-menu-horizontal .pp-menu-separator{display:inline-block;vertical-align:middle}
.pp-menu-item .pp-menu-item{display:block}
.pp-menu-children{position:absolute;top:0;left:100%;z-index:3;display:none;margin:0;padding:0}
.pp-menu-horizontal .pp-menu-children{top:auto;left:0;width:inherit}
.pp-menu-active>.pp-menu-children,.pp-menu-allow-hover:hover>.pp-menu-children{position:absolute;display:block}
.pp-menu-has-children>.pp-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}
.pp-menu-horizontal .pp-menu-has-children>.pp-menu-link:after{content:"\25BE"}
.pp-menu-scrollable{overflow-x:hidden;overflow-y:scroll}
.pp-menu-scrollable .pp-menu-list{display:block}
.pp-menu-horizontal.pp-menu-scrollable .pp-menu-list{display:inline-block}
.pp-menu-horizontal.pp-menu-scrollable{overflow-x:auto;overflow-y:hidden;padding:.5em 0;white-space:nowrap}
.pp-menu-horizontal .pp-menu-children .pp-menu-separator,.pp-menu-separator{margin:.3em 0;height:1px;background-color:#ccc}
.pp-menu-horizontal .pp-menu-separator{margin:0 .3em;width:1px;height:1.3em}
.pp-menu-horizontal .pp-menu-children .pp-menu-separator{display:block;width:auto}
.pp-menu-heading{color:#565d64;text-transform:uppercase}
.pp-menu-link{color:#777}
.pp-menu-children{background-color:#fff}
.pp-menu-heading,.pp-menu-link{padding:.5em 1em}
.pp-menu-disabled{opacity:.5}
.pp-menu-disabled .pp-menu-link:hover{background-color:transparent;cursor:default}
.pp-menu-active>.pp-menu-link,.pp-menu-link:focus,.pp-menu-link:hover{background-color:#eee}
.pp-menu-selected>.pp-menu-link,.pp-menu-selected>.pp-menu-link:visited{color:#000}

.pp-table{border:1px solid #cbcbcb;border-collapse:collapse;empty-cells:show;border-spacing:0}
.pp-table caption{padding:1em 0;color:#000;text-align:center;font:italic 85%/1 arial,sans-serif}
.pp-table td,.pp-table th{overflow:visible;margin:0;padding:.5em 1em;border-width:0 0 0 1px;border-left:1px solid #cbcbcb;font-size:inherit}
.pp-table thead{background-color:#e0e0e0;color:#000;vertical-align:bottom;text-align:left}
.pp-table td{background-color:transparent}
.pp-table-odd td{background-color:#f2f2f2}
.pp-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}
.pp-table-bordered td{border-bottom:1px solid #cbcbcb}
.pp-table-bordered tbody>tr:last-child>td{border-bottom-width:0}
.pp-table-horizontal td,.pp-table-horizontal th{border-width:0 0 1px 0;border-bottom:1px solid #cbcbcb}
.pp-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
.pp-left { float: left; }
.pp-right { float: right; }
/*my pp-tab切换*/
.pp-tab-con .pp-tab-v { display: none; }
.pp-tab-con .pp-tab-v:first-child { display: block; }
.pp-tab-k { display: flex; }
.pp-tab-k li { margin: 0 10px; padding: 5px 0; font-size: 15px; color: #333; }
.pp-tab-k li.current { color: #dd801a; border-bottom: 2px solid #dd801a; }

@media only screen and (max-width :480px){
    .pp-form button[type=submit]{margin:.7em 0 0}
    .pp-form input:not([type]),.pp-form input[type=color],.pp-form input[type=date],.pp-form input[type=datetime-local],.pp-form input[type=datetime],.pp-form input[type=email],.pp-form input[type=month],.pp-form input[type=number],.pp-form input[type=password],.pp-form input[type=search],.pp-form input[type=tel],.pp-form input[type=text],.pp-form input[type=time],.pp-form input[type=url],.pp-form input[type=week],.pp-form label{display:block;margin-bottom:.3em}
    .pp-group input:not([type]),.pp-group input[type=color],.pp-group input[type=date],.pp-group input[type=datetime-local],.pp-group input[type=datetime],.pp-group input[type=email],.pp-group input[type=month],.pp-group input[type=number],.pp-group input[type=password],.pp-group input[type=search],.pp-group input[type=tel],.pp-group input[type=text],.pp-group input[type=time],.pp-group input[type=url],.pp-group input[type=week]{margin-bottom:0}
    .pp-form-aligned .pp-control-group label{display:block;margin-bottom:.3em;width:100%;text-align:left}
    .pp-form-aligned .pp-controls{margin:1.5em 0 0 0}
    .pp-form-message,.pp-form-message-inline{display:block;padding:.2em 0 .8em;font-size:.75em}
}
/*Pure响应式栅格系统 grids-responsive-min.css*/
@media screen and (min-width:35.5em){
    .pp-u-sm-1,.pp-u-sm-1-1,.pp-u-sm-1-12,.pp-u-sm-1-2,.pp-u-sm-1-24,.pp-u-sm-1-3,.pp-u-sm-1-4,.pp-u-sm-1-5,.pp-u-sm-1-6,.pp-u-sm-1-8,.pp-u-sm-10-24,.pp-u-sm-11-12,.pp-u-sm-11-24,.pp-u-sm-12-24,.pp-u-sm-13-24,.pp-u-sm-14-24,.pp-u-sm-15-24,.pp-u-sm-16-24,.pp-u-sm-17-24,.pp-u-sm-18-24,.pp-u-sm-19-24,.pp-u-sm-2-24,.pp-u-sm-2-3,.pp-u-sm-2-5,.pp-u-sm-20-24,.pp-u-sm-21-24,.pp-u-sm-22-24,.pp-u-sm-23-24,.pp-u-sm-24-24,.pp-u-sm-3-24,.pp-u-sm-3-4,.pp-u-sm-3-5,.pp-u-sm-3-8,.pp-u-sm-4-24,.pp-u-sm-4-5,.pp-u-sm-5-12,.pp-u-sm-5-24,.pp-u-sm-5-5,.pp-u-sm-5-6,.pp-u-sm-5-8,.pp-u-sm-6-24,.pp-u-sm-7-12,.pp-u-sm-7-24,.pp-u-sm-7-8,.pp-u-sm-8-24,.pp-u-sm-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-sm-1-24{width:4.1667%}
    .pp-u-sm-1-12,.pp-u-sm-2-24{width:8.3333%}
    .pp-u-sm-1-8,.pp-u-sm-3-24{width:12.5%}
    .pp-u-sm-1-6,.pp-u-sm-4-24{width:16.6667%}
    .pp-u-sm-1-5{width:20%}
    .pp-u-sm-5-24{width:20.8333%}
    .pp-u-sm-1-4,.pp-u-sm-6-24{width:25%}
    .pp-u-sm-7-24{width:29.1667%}
    .pp-u-sm-1-3,.pp-u-sm-8-24{width:33.3333%}
    .pp-u-sm-3-8,.pp-u-sm-9-24{width:37.5%}
    .pp-u-sm-2-5{width:40%}
    .pp-u-sm-10-24,.pp-u-sm-5-12{width:41.6667%}
    .pp-u-sm-11-24{width:45.8333%}
    .pp-u-sm-1-2,.pp-u-sm-12-24{width:50%}
    .pp-u-sm-13-24{width:54.1667%}
    .pp-u-sm-14-24,.pp-u-sm-7-12{width:58.3333%}
    .pp-u-sm-3-5{width:60%}
    .pp-u-sm-15-24,.pp-u-sm-5-8{width:62.5%}
    .pp-u-sm-16-24,.pp-u-sm-2-3{width:66.6667%}
    .pp-u-sm-17-24{width:70.8333%}
    .pp-u-sm-18-24,.pp-u-sm-3-4{width:75%}
    .pp-u-sm-19-24{width:79.1667%}
    .pp-u-sm-4-5{width:80%}
    .pp-u-sm-20-24,.pp-u-sm-5-6{width:83.3333%}
    .pp-u-sm-21-24,.pp-u-sm-7-8{width:87.5%}
    .pp-u-sm-11-12,.pp-u-sm-22-24{width:91.6667%}
    .pp-u-sm-23-24{width:95.8333%}
    .pp-u-sm-1,.pp-u-sm-1-1,.pp-u-sm-24-24,.pp-u-sm-5-5{width:100%}
}
@media screen and (min-width:48em){
    .pp-u-md-1,.pp-u-md-1-1,.pp-u-md-1-12,.pp-u-md-1-2,.pp-u-md-1-24,.pp-u-md-1-3,.pp-u-md-1-4,.pp-u-md-1-5,.pp-u-md-1-6,.pp-u-md-1-8,.pp-u-md-10-24,.pp-u-md-11-12,.pp-u-md-11-24,.pp-u-md-12-24,.pp-u-md-13-24,.pp-u-md-14-24,.pp-u-md-15-24,.pp-u-md-16-24,.pp-u-md-17-24,.pp-u-md-18-24,.pp-u-md-19-24,.pp-u-md-2-24,.pp-u-md-2-3,.pp-u-md-2-5,.pp-u-md-20-24,.pp-u-md-21-24,.pp-u-md-22-24,.pp-u-md-23-24,.pp-u-md-24-24,.pp-u-md-3-24,.pp-u-md-3-4,.pp-u-md-3-5,.pp-u-md-3-8,.pp-u-md-4-24,.pp-u-md-4-5,.pp-u-md-5-12,.pp-u-md-5-24,.pp-u-md-5-5,.pp-u-md-5-6,.pp-u-md-5-8,.pp-u-md-6-24,.pp-u-md-7-12,.pp-u-md-7-24,.pp-u-md-7-8,.pp-u-md-8-24,.pp-u-md-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-md-1-24{width:4.1667%}
    .pp-u-md-1-12,.pp-u-md-2-24{width:8.3333%}
    .pp-u-md-1-8,.pp-u-md-3-24{width:12.5%}
    .pp-u-md-1-6,.pp-u-md-4-24{width:16.6667%}
    .pp-u-md-1-5{width:20%}
    .pp-u-md-5-24{width:20.8333%}
    .pp-u-md-1-4,.pp-u-md-6-24{width:25%}
    .pp-u-md-7-24{width:29.1667%}
    .pp-u-md-1-3,.pp-u-md-8-24{width:33.3333%}
    .pp-u-md-3-8,.pp-u-md-9-24{width:37.5%}
    .pp-u-md-2-5{width:40%}
    .pp-u-md-10-24,.pp-u-md-5-12{width:41.6667%}
    .pp-u-md-11-24{width:45.8333%}
    .pp-u-md-1-2,.pp-u-md-12-24{width:50%}
    .pp-u-md-13-24{width:54.1667%}
    .pp-u-md-14-24,.pp-u-md-7-12{width:58.3333%}
    .pp-u-md-3-5{width:60%}
    .pp-u-md-15-24,.pp-u-md-5-8{width:62.5%}
    .pp-u-md-16-24,.pp-u-md-2-3{width:66.6667%}
    .pp-u-md-17-24{width:70.8333%}
    .pp-u-md-18-24,.pp-u-md-3-4{width:75%}
    .pp-u-md-19-24{width:79.1667%}
    .pp-u-md-4-5{width:80%}
    .pp-u-md-20-24,.pp-u-md-5-6{width:83.3333%}
    .pp-u-md-21-24,.pp-u-md-7-8{width:87.5%}
    .pp-u-md-11-12,.pp-u-md-22-24{width:91.6667%}
    .pp-u-md-23-24{width:95.8333%}
    .pp-u-md-1,.pp-u-md-1-1,.pp-u-md-24-24,.pp-u-md-5-5{width:100%}
}
@media screen and (min-width:1025px){
    .pp-u-lg-1,.pp-u-lg-1-1,.pp-u-lg-1-12,.pp-u-lg-1-2,.pp-u-lg-1-24,.pp-u-lg-1-3,.pp-u-lg-1-4,.pp-u-lg-1-5,.pp-u-lg-1-6,.pp-u-lg-1-8,.pp-u-lg-10-24,.pp-u-lg-11-12,.pp-u-lg-11-24,.pp-u-lg-12-24,.pp-u-lg-13-24,.pp-u-lg-14-24,.pp-u-lg-15-24,.pp-u-lg-16-24,.pp-u-lg-17-24,.pp-u-lg-18-24,.pp-u-lg-19-24,.pp-u-lg-2-24,.pp-u-lg-2-3,.pp-u-lg-2-5,.pp-u-lg-20-24,.pp-u-lg-21-24,.pp-u-lg-22-24,.pp-u-lg-23-24,.pp-u-lg-24-24,.pp-u-lg-3-24,.pp-u-lg-3-4,.pp-u-lg-3-5,.pp-u-lg-3-8,.pp-u-lg-4-24,.pp-u-lg-4-5,.pp-u-lg-5-12,.pp-u-lg-5-24,.pp-u-lg-5-5,.pp-u-lg-5-6,.pp-u-lg-5-8,.pp-u-lg-6-24,.pp-u-lg-7-12,.pp-u-lg-7-24,.pp-u-lg-7-8,.pp-u-lg-8-24,.pp-u-lg-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-lg-1-24{width:4.1667%}
    .pp-u-lg-1-12,.pp-u-lg-2-24{width:8.3333%}
    .pp-u-lg-1-8,.pp-u-lg-3-24{width:12.5%}
    .pp-u-lg-1-6,.pp-u-lg-4-24{width:16.6667%}
    .pp-u-lg-1-5{width:20%}
    .pp-u-lg-5-24{width:20.8333%}
    .pp-u-lg-1-4,.pp-u-lg-6-24{width:25%}
    .pp-u-lg-7-24{width:29.1667%}
    .pp-u-lg-1-3,.pp-u-lg-8-24{width:33.3333%}
    .pp-u-lg-3-8,.pp-u-lg-9-24{width:37.5%}
    .pp-u-lg-2-5{width:40%}
    .pp-u-lg-10-24,.pp-u-lg-5-12{width:41.6667%}
    .pp-u-lg-11-24{width:45.8333%}
    .pp-u-lg-1-2,.pp-u-lg-12-24{width:50%}
    .pp-u-lg-13-24{width:54.1667%}
    .pp-u-lg-14-24,.pp-u-lg-7-12{width:58.3333%}
    .pp-u-lg-3-5{width:60%}
    .pp-u-lg-15-24,.pp-u-lg-5-8{width:62.5%}
    .pp-u-lg-16-24,.pp-u-lg-2-3{width:66.6667%}
    .pp-u-lg-17-24{width:70.8333%}
    .pp-u-lg-18-24,.pp-u-lg-3-4{width:75%}
    .pp-u-lg-19-24{width:79.1667%}
    .pp-u-lg-4-5{width:80%}
    .pp-u-lg-20-24,.pp-u-lg-5-6{width:83.3333%}
    .pp-u-lg-21-24,.pp-u-lg-7-8{width:87.5%}
    .pp-u-lg-11-12,.pp-u-lg-22-24{width:91.6667%}
    .pp-u-lg-23-24{width:95.8333%}
    .pp-u-lg-1,.pp-u-lg-1-1,.pp-u-lg-24-24,.pp-u-lg-5-5{width:100%}
}
@media screen and (min-width:80em){
    .pp-u-xl-1,.pp-u-xl-1-1,.pp-u-xl-1-12,.pp-u-xl-1-2,.pp-u-xl-1-24,.pp-u-xl-1-3,.pp-u-xl-1-4,.pp-u-xl-1-5,.pp-u-xl-1-6,.pp-u-xl-1-8,.pp-u-xl-10-24,.pp-u-xl-11-12,.pp-u-xl-11-24,.pp-u-xl-12-24,.pp-u-xl-13-24,.pp-u-xl-14-24,.pp-u-xl-15-24,.pp-u-xl-16-24,.pp-u-xl-17-24,.pp-u-xl-18-24,.pp-u-xl-19-24,.pp-u-xl-2-24,.pp-u-xl-2-3,.pp-u-xl-2-5,.pp-u-xl-20-24,.pp-u-xl-21-24,.pp-u-xl-22-24,.pp-u-xl-23-24,.pp-u-xl-24-24,.pp-u-xl-3-24,.pp-u-xl-3-4,.pp-u-xl-3-5,.pp-u-xl-3-8,.pp-u-xl-4-24,.pp-u-xl-4-5,.pp-u-xl-5-12,.pp-u-xl-5-24,.pp-u-xl-5-5,.pp-u-xl-5-6,.pp-u-xl-5-8,.pp-u-xl-6-24,.pp-u-xl-7-12,.pp-u-xl-7-24,.pp-u-xl-7-8,.pp-u-xl-8-24,.pp-u-xl-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-xl-1-24{width:4.1667%}
    .pp-u-xl-1-12,.pp-u-xl-2-24{width:8.3333%}
    .pp-u-xl-1-8,.pp-u-xl-3-24{width:12.5%}
    .pp-u-xl-1-6,.pp-u-xl-4-24{width:16.6667%}
    .pp-u-xl-1-5{width:20%}
    .pp-u-xl-5-24{width:20.8333%}
    .pp-u-xl-1-4,.pp-u-xl-6-24{width:25%}
    .pp-u-xl-7-24{width:29.1667%}
    .pp-u-xl-1-3,.pp-u-xl-8-24{width:33.3333%}
    .pp-u-xl-3-8,.pp-u-xl-9-24{width:37.5%}
    .pp-u-xl-2-5{width:40%}
    .pp-u-xl-10-24,.pp-u-xl-5-12{width:41.6667%}
    .pp-u-xl-11-24{width:45.8333%}
    .pp-u-xl-1-2,.pp-u-xl-12-24{width:50%}
    .pp-u-xl-13-24{width:54.1667%}
    .pp-u-xl-14-24,.pp-u-xl-7-12{width:58.3333%}
    .pp-u-xl-3-5{width:60%}
    .pp-u-xl-15-24,.pp-u-xl-5-8{width:62.5%}
    .pp-u-xl-16-24,.pp-u-xl-2-3{width:66.6667%}
    .pp-u-xl-17-24{width:70.8333%}
    .pp-u-xl-18-24,.pp-u-xl-3-4{width:75%}
    .pp-u-xl-19-24{width:79.1667%}
    .pp-u-xl-4-5{width:80%}
    .pp-u-xl-20-24,.pp-u-xl-5-6{width:83.3333%}
    .pp-u-xl-21-24,.pp-u-xl-7-8{width:87.5%}
    .pp-u-xl-11-12,.pp-u-xl-22-24{width:91.6667%}
    .pp-u-xl-23-24{width:95.8333%}
    .pp-u-xl-1,.pp-u-xl-1-1,.pp-u-xl-24-24,.pp-u-xl-5-5{width:100%}
}
@media screen and (min-width:120em){
    .pp-u-xxl-1,.pp-u-xxl-1-1,.pp-u-xxl-1-12,.pp-u-xxl-1-2,.pp-u-xxl-1-24,.pp-u-xxl-1-3,.pp-u-xxl-1-4,.pp-u-xxl-1-5,.pp-u-xxl-1-6,.pp-u-xxl-1-8,.pp-u-xxl-10-24,.pp-u-xxl-11-12,.pp-u-xxl-11-24,.pp-u-xxl-12-24,.pp-u-xxl-13-24,.pp-u-xxl-14-24,.pp-u-xxl-15-24,.pp-u-xxl-16-24,.pp-u-xxl-17-24,.pp-u-xxl-18-24,.pp-u-xxl-19-24,.pp-u-xxl-2-24,.pp-u-xxl-2-3,.pp-u-xxl-2-5,.pp-u-xxl-20-24,.pp-u-xxl-21-24,.pp-u-xxl-22-24,.pp-u-xxl-23-24,.pp-u-xxl-24-24,.pp-u-xxl-3-24,.pp-u-xxl-3-4,.pp-u-xxl-3-5,.pp-u-xxl-3-8,.pp-u-xxl-4-24,.pp-u-xxl-4-5,.pp-u-xxl-5-12,.pp-u-xxl-5-24,.pp-u-xxl-5-5,.pp-u-xxl-5-6,.pp-u-xxl-5-8,.pp-u-xxl-6-24,.pp-u-xxl-7-12,.pp-u-xxl-7-24,.pp-u-xxl-7-8,.pp-u-xxl-8-24,.pp-u-xxl-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-xxl-1-24{width:4.1667%}
    .pp-u-xxl-1-12,.pp-u-xxl-2-24{width:8.3333%}
    .pp-u-xxl-1-8,.pp-u-xxl-3-24{width:12.5%}
    .pp-u-xxl-1-6,.pp-u-xxl-4-24{width:16.6667%}
    .pp-u-xxl-1-5{width:20%}
    .pp-u-xxl-5-24{width:20.8333%}
    .pp-u-xxl-1-4,.pp-u-xxl-6-24{width:25%}
    .pp-u-xxl-7-24{width:29.1667%}
    .pp-u-xxl-1-3,.pp-u-xxl-8-24{width:33.3333%}
    .pp-u-xxl-3-8,.pp-u-xxl-9-24{width:37.5%}
    .pp-u-xxl-2-5{width:40%}
    .pp-u-xxl-10-24,.pp-u-xxl-5-12{width:41.6667%}
    .pp-u-xxl-11-24{width:45.8333%}
    .pp-u-xxl-1-2,.pp-u-xxl-12-24{width:50%}
    .pp-u-xxl-13-24{width:54.1667%}
    .pp-u-xxl-14-24,.pp-u-xxl-7-12{width:58.3333%}
    .pp-u-xxl-3-5{width:60%}
    .pp-u-xxl-15-24,.pp-u-xxl-5-8{width:62.5%}
    .pp-u-xxl-16-24,.pp-u-xxl-2-3{width:66.6667%}
    .pp-u-xxl-17-24{width:70.8333%}
    .pp-u-xxl-18-24,.pp-u-xxl-3-4{width:75%}
    .pp-u-xxl-19-24{width:79.1667%}
    .pp-u-xxl-4-5{width:80%}
    .pp-u-xxl-20-24,.pp-u-xxl-5-6{width:83.3333%}
    .pp-u-xxl-21-24,.pp-u-xxl-7-8{width:87.5%}
    .pp-u-xxl-11-12,.pp-u-xxl-22-24{width:91.6667%}
    .pp-u-xxl-23-24{width:95.8333%}
    .pp-u-xxl-1,.pp-u-xxl-1-1,.pp-u-xxl-24-24,.pp-u-xxl-5-5{width:100%}
}
@media screen and (min-width:160em){
    .pp-u-xxxl-1,.pp-u-xxxl-1-1,.pp-u-xxxl-1-12,.pp-u-xxxl-1-2,.pp-u-xxxl-1-24,.pp-u-xxxl-1-3,.pp-u-xxxl-1-4,.pp-u-xxxl-1-5,.pp-u-xxxl-1-6,.pp-u-xxxl-1-8,.pp-u-xxxl-10-24,.pp-u-xxxl-11-12,.pp-u-xxxl-11-24,.pp-u-xxxl-12-24,.pp-u-xxxl-13-24,.pp-u-xxxl-14-24,.pp-u-xxxl-15-24,.pp-u-xxxl-16-24,.pp-u-xxxl-17-24,.pp-u-xxxl-18-24,.pp-u-xxxl-19-24,.pp-u-xxxl-2-24,.pp-u-xxxl-2-3,.pp-u-xxxl-2-5,.pp-u-xxxl-20-24,.pp-u-xxxl-21-24,.pp-u-xxxl-22-24,.pp-u-xxxl-23-24,.pp-u-xxxl-24-24,.pp-u-xxxl-3-24,.pp-u-xxxl-3-4,.pp-u-xxxl-3-5,.pp-u-xxxl-3-8,.pp-u-xxxl-4-24,.pp-u-xxxl-4-5,.pp-u-xxxl-5-12,.pp-u-xxxl-5-24,.pp-u-xxxl-5-5,.pp-u-xxxl-5-6,.pp-u-xxxl-5-8,.pp-u-xxxl-6-24,.pp-u-xxxl-7-12,.pp-u-xxxl-7-24,.pp-u-xxxl-7-8,.pp-u-xxxl-8-24,.pp-u-xxxl-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-xxxl-1-24{width:4.1667%}
    .pp-u-xxxl-1-12,.pp-u-xxxl-2-24{width:8.3333%}
    .pp-u-xxxl-1-8,.pp-u-xxxl-3-24{width:12.5%}
    .pp-u-xxxl-1-6,.pp-u-xxxl-4-24{width:16.6667%}
    .pp-u-xxxl-1-5{width:20%}
    .pp-u-xxxl-5-24{width:20.8333%}
    .pp-u-xxxl-1-4,.pp-u-xxxl-6-24{width:25%}
    .pp-u-xxxl-7-24{width:29.1667%}
    .pp-u-xxxl-1-3,.pp-u-xxxl-8-24{width:33.3333%}
    .pp-u-xxxl-3-8,.pp-u-xxxl-9-24{width:37.5%}
    .pp-u-xxxl-2-5{width:40%}
    .pp-u-xxxl-10-24,.pp-u-xxxl-5-12{width:41.6667%}
    .pp-u-xxxl-11-24{width:45.8333%}
    .pp-u-xxxl-1-2,.pp-u-xxxl-12-24{width:50%}
    .pp-u-xxxl-13-24{width:54.1667%}
    .pp-u-xxxl-14-24,.pp-u-xxxl-7-12{width:58.3333%}
    .pp-u-xxxl-3-5{width:60%}
    .pp-u-xxxl-15-24,.pp-u-xxxl-5-8{width:62.5%}
    .pp-u-xxxl-16-24,.pp-u-xxxl-2-3{width:66.6667%}
    .pp-u-xxxl-17-24{width:70.8333%}
    .pp-u-xxxl-18-24,.pp-u-xxxl-3-4{width:75%}
    .pp-u-xxxl-19-24{width:79.1667%}
    .pp-u-xxxl-4-5{width:80%}
    .pp-u-xxxl-20-24,.pp-u-xxxl-5-6{width:83.3333%}
    .pp-u-xxxl-21-24,.pp-u-xxxl-7-8{width:87.5%}
    .pp-u-xxxl-11-12,.pp-u-xxxl-22-24{width:91.6667%}
    .pp-u-xxxl-23-24{width:95.8333%}
    .pp-u-xxxl-1,.pp-u-xxxl-1-1,.pp-u-xxxl-24-24,.pp-u-xxxl-5-5{width:100%}
}
@media screen and (min-width:240em){
    .pp-u-x4k-1,.pp-u-x4k-1-1,.pp-u-x4k-1-12,.pp-u-x4k-1-2,.pp-u-x4k-1-24,.pp-u-x4k-1-3,.pp-u-x4k-1-4,.pp-u-x4k-1-5,.pp-u-x4k-1-6,.pp-u-x4k-1-8,.pp-u-x4k-10-24,.pp-u-x4k-11-12,.pp-u-x4k-11-24,.pp-u-x4k-12-24,.pp-u-x4k-13-24,.pp-u-x4k-14-24,.pp-u-x4k-15-24,.pp-u-x4k-16-24,.pp-u-x4k-17-24,.pp-u-x4k-18-24,.pp-u-x4k-19-24,.pp-u-x4k-2-24,.pp-u-x4k-2-3,.pp-u-x4k-2-5,.pp-u-x4k-20-24,.pp-u-x4k-21-24,.pp-u-x4k-22-24,.pp-u-x4k-23-24,.pp-u-x4k-24-24,.pp-u-x4k-3-24,.pp-u-x4k-3-4,.pp-u-x4k-3-5,.pp-u-x4k-3-8,.pp-u-x4k-4-24,.pp-u-x4k-4-5,.pp-u-x4k-5-12,.pp-u-x4k-5-24,.pp-u-x4k-5-5,.pp-u-x4k-5-6,.pp-u-x4k-5-8,.pp-u-x4k-6-24,.pp-u-x4k-7-12,.pp-u-x4k-7-24,.pp-u-x4k-7-8,.pp-u-x4k-8-24,.pp-u-x4k-9-24{display:inline-block;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}
    .pp-u-x4k-1-24{width:4.1667%}
    .pp-u-x4k-1-12,.pp-u-x4k-2-24{width:8.3333%}
    .pp-u-x4k-1-8,.pp-u-x4k-3-24{width:12.5%}
    .pp-u-x4k-1-6,.pp-u-x4k-4-24{width:16.6667%}
    .pp-u-x4k-1-5{width:20%}
    .pp-u-x4k-5-24{width:20.8333%}
    .pp-u-x4k-1-4,.pp-u-x4k-6-24{width:25%}
    .pp-u-x4k-7-24{width:29.1667%}
    .pp-u-x4k-1-3,.pp-u-x4k-8-24{width:33.3333%}
    .pp-u-x4k-3-8,.pp-u-x4k-9-24{width:37.5%}
    .pp-u-x4k-2-5{width:40%}
    .pp-u-x4k-10-24,.pp-u-x4k-5-12{width:41.6667%}
    .pp-u-x4k-11-24{width:45.8333%}
    .pp-u-x4k-1-2,.pp-u-x4k-12-24{width:50%}
    .pp-u-x4k-13-24{width:54.1667%}
    .pp-u-x4k-14-24,.pp-u-x4k-7-12{width:58.3333%}
    .pp-u-x4k-3-5{width:60%}
    .pp-u-x4k-15-24,.pp-u-x4k-5-8{width:62.5%}
    .pp-u-x4k-16-24,.pp-u-x4k-2-3{width:66.6667%}
    .pp-u-x4k-17-24{width:70.8333%}
    .pp-u-x4k-18-24,.pp-u-x4k-3-4{width:75%}
    .pp-u-x4k-19-24{width:79.1667%}
    .pp-u-x4k-4-5{width:80%}
    .pp-u-x4k-20-24,.pp-u-x4k-5-6{width:83.3333%}
    .pp-u-x4k-21-24,.pp-u-x4k-7-8{width:87.5%}
    .pp-u-x4k-11-12,.pp-u-x4k-22-24{width:91.6667%}
    .pp-u-x4k-23-24{width:95.8333%}
    .pp-u-x4k-1,.pp-u-x4k-1-1,.pp-u-x4k-24-24,.pp-u-x4k-5-5{width:100%}
}
/*--------------------------------------------------------字体图片------------------------------------------------------*/
/*@font-face {  font-family: "iconfont";  src: url('./iconfont/iconfont.woff2?t=1658714366257') format('woff2'), url('./iconfont/iconfont.woff?t=1658714366257') format('woff'), url('./iconfont/iconfont.ttf?t=1658714366257') format('truetype');  }*/
/*.iconfont {font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
/*.icon-yunxiazai:before{content:"\e637"}*/
/*.icon-shouji:before{content:"\e63a"}*/
/*.icon-shouji1:before{content:"\e6b7"}*/
/*.icon-31shijian:before{content:"\e63e"}*/
/*.icon-dianzan:before{content:"\e640"}*/
/*.icon-shouji2:before{content:"\e641"}*/
/*.icon-app:before{content:"\e654"}*/
/*.icon-tuijian:before{content:"\e642"}*/
/*.icon-shijian:before{content:"\e8a9"}*/
/*.icon-remen:before{content:"\e646"}*/
/*.icon-remen1:before{content:"\e643"}*/
/*.icon-tuijian1:before{content:"\e644"}*/
/*.icon-xiazai:before{content:"\e645"}*/
/*.icon-tuijian2:before{content:"\e647"}*/
/*.icon-dianzan_kuai:before{content:"\ec8c"}*/
/*.icon-shouji3:before{content:"\e648"}*/
/*.icon-jilu:before{content:"\e6df"}*/
/*.icon-good:before{content:"\e649"}*/
/*.icon-shijian1:before{content:"\e8b8"}*/
/*.icon-remen2:before{content:"\e6b2"}*/
/*.icon-shouji4:before{content:"\e64a"}*/
/*.icon-xiazai-wenjianxiazai-01:before{content:"\e855"}*/
/*.icon-iconfontaddcart:before{content:"\e636"}*/
/*.icon-ShoppingCart_:before{content:"\e8ba"}*/
/*.icon-cart_badge_plus:before{content:"\e7f4"}*/
/*.icon-cart_fill_badge_plus:before{content:"\e63b"}*/
/*.icon-cart-circle-o:before{content:"\e699"}*/
/*.icon-Add-Cart:before{content:"\e83d"}*/
/*.icon-gouwuche1:before{content:"\e630"}*/
/*.icon-jiarugouwuche:before{content:"\e631"}*/
/*.icon-ic_jiarugouwuche:before{content:"\e69c"}*/
/*.icon-fenlei:before{content:"\e632"}*/
/*.icon-fenlei1:before{content:"\e634"}*/
/*.icon-gouwuche2:before{content:"\e664"}*/
/*.icon-leibie:before{content:"\e635"}*/
/*.icon-fenlei2:before{content:"\e734"}*/
/*.icon-V:before{content:"\e715"}*/
/*.icon-a-22pingzhengleibie:before{content:"\e682"}*/
/*.icon-kefu:before{content:"\e65a"}*/
/*.icon-kehufuwukefu:before{content:"\e698"}*/
/*.icon-kefu1:before{content:"\e62c"}*/
/*.icon-dizhi:before{content:"\e64e"}*/
/*.icon-shanchu:before{content:"\e74b"}*/
/*.icon-shanchu1:before{content:"\e68e"}*/
/*.icon-dizhi1:before{content:"\e62f"}*/
/*.icon-yijianfankui:before{content:"\e63d"}*/
/*.icon-dizhi2:before{content:"\e625"}*/
/*.icon-jiarubanji:before{content:"\e65d"}*/
/*.icon-yijianfankui1:before{content:"\e633"}*/
/*.icon-bangzhu:before{content:"\e626"}*/
/*.icon-jianshao:before{content:"\e627"}*/
/*.icon-zengjia:before{content:"\e62a"}*/
/*.icon-bangzhu1:before{content:"\e628"}*/
/*.icon-xiangxidizhi:before{content:"\e62b"}*/
/*.icon-31shoucangxuanzhong:before{content:"\e600"}*/
/*.icon-31shoucang:before{content:"\e601"}*/
/*.icon-31guanbi:before{content:"\e602"}*/
/*.icon-31xuanze:before{content:"\e603"}*/
/*.icon-31xuanzhong:before{content:"\e604"}*/
/*.icon-31yiguanzhudianpu:before{content:"\e605"}*/
/*.icon-31fenxiang:before{content:"\e606"}*/
/*.icon-31daifahuo:before{content:"\e607"}*/
/*.icon-31daifukuan:before{content:"\e608"}*/
/*.icon-31daishouhuo:before{content:"\e609"}*/
/*.icon-31daipingjia:before{content:"\e60a"}*/
/*.icon-tuikuantuihuo:before{content:"\e60b"}*/
/*.icon-31gouwuchexuanzhong:before{content:"\e60c"}*/
/*.icon-31gouwuche:before{content:"\e60d"}*/
/*.icon-31wode:before{content:"\e60e"}*/
/*.icon-31paishexuanzhong:before{content:"\e60f"}*/
/*.icon-31paishe:before{content:"\e610"}*/
/*.icon-31sousuo:before{content:"\e611"}*/
/*.icon-31wentifankui:before{content:"\e612"}*/
/*.icon-31xiaoxi:before{content:"\e613"}*/
/*.icon-31dingwei:before{content:"\e614"}*/
/*.icon-31guanzhu1xuanzhong:before{content:"\e615"}*/
/*.icon-31guanzhu1:before{content:"\e616"}*/
/*.icon-31hongbao:before{content:"\e617"}*/
/*.icon-31tuwenxiangqing:before{content:"\e618"}*/
/*.icon-bianji:before{content:"\e619"}*/
/*.icon-31pinglun:before{content:"\e61a"}*/
/*.icon-31quanbushangpin:before{content:"\e61b"}*/
/*.icon-31shezhi:before{content:"\e61c"}*/
/*.icon-31shouqi:before{content:"\e61d"}*/
/*.icon-31xiala:before{content:"\e61e"}*/
/*.icon-quanbudingdan01:before{content:"\e629"}*/
/*.icon-gerenzhongxindingdandaishouhuo:before{content:"\e622"}*/
/*.icon-quanbudingdan:before{content:"\e62e"}*/
/*.icon-daipingjia:before{content:"\e638"}*/
/*.icon-daifahuo:before{content:"\e63f"}*/
/*.icon-daifukuan:before{content:"\e61f"}*/
/*.icon-daifukuan1:before{content:"\e621"}*/
/*.icon-daishouhuo:before{content:"\e623"}*/
/*.icon-youhuiquan-copy:before{content:"\e624"}*/
/*.icon-gengduo:before{content:"\e620"}*/
/*.icon-liebiao:before{content:"\e62d"}*/
/*.icon-shouye1:before{content:"\e639"}*/
/*.icon-zuo:before{content:"\e63c"}*/
/*.icon-guanbi1:before{content:"\e723"}*/
/*.icon-biaoxing:before{content:"\e733"}*/
/*.icon-fenxiang:before{content:"\e739"}*/
/*.icon-gouwuche:before{content:"\e73d"}*/
/*.icon-liuyan:before{content:"\e744"}*/
/*.icon-shouye:before{content:"\e751"}*/
/*.icon-xinxi:before{content:"\e763"}*/
/*.icon-xiangyou1:before{content:"\e775"}*/
/*.icon-xiangzuo1:before{content:"\e779"}*/
/*.icon-yonghu:before{content:"\e788"}*/
/*.icon-leimu:before{content:"\e78e"}*/
/*.icon-danpin:before{content:"\e7ab"}*/

/*-----------------------------------------------------------我的css----------------------------------------------------*/
/*移动到图片放大*/
@-webkit-keyframes pop_in{ 0%{opacity:0;-webkit-transform:scale(.6);} 50%{opacity:1;-webkit-transform:scale(1.05);} 100%{opacity:1;-webkit-transform:scale(1);} }
@-webkit-keyframes pop_out{ 0%{opacity:1;-webkit-transform:scale(1);} 50%{opacity:1;-webkit-transform:scale(1.05);} 100%{opacity:0;-webkit-transform:scale(.6);} }
@supports (bottom: env(safe-area-inset-bottom)){body,footer,.nav0{padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}}
@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg);}}
@keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); }}

#error { width:60%;margin:0 auto;color:red;font-size:12px; }
#dialogBg{width:100%;height:100%;background-color:rgba(0,0,0,.6);position:fixed;top:0;left:0;z-index:9999;display:none}
#Popup{display:none;position:fixed;top:40%;left:20%;width:60%;border-radius:.2rem;z-index:10000;text-align:center;line-height:1.8rem;background:#fff}
#Popup h3{font-size:.7rem;line-height:2.5rem;color:#555;border-bottom:1px solid #f6f6f6}
#yes{border:none}
/*--弹框--*/
#dg-tip{position:fixed;right:0;bottom:10%;left:0;z-index:9999999999;display:none;margin:0 auto;padding:10px 0;width:80%;max-width:640px;background:rgba(0,0,0,.8);box-shadow:0 0 5px rgba(0,0,0,.5);color:#fff;line-height:22px;}
#fixed_cart em,.global_fixed{box-shadow:1px 1px 4px rgba(0,0,0,.3);}
#dg-confirm{-webkit-box-orient:vertical;}
#dg-confirm .dg_body,#dg-tip{text-align:center;}
#dg-confirm,#dg-confirm .dg_body .btm{display:-webkit-box;border-radius:6px!important;}
#dg-confirm{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;background:rgba(0,0,0,.35);-webkit-box-pack:center;}
#dg-confirm .dg_body{overflow:hidden;margin:-60px auto 0 auto;padding:3px 1px 25px 1px;width:290px;-webkit-border-radius:8px;border-radius:8px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.5);}
#dg-confirm .dg_body .dg_box{padding:5px 15px 12px 15px;color: #555;}
#dg-confirm .dg_body .dg_box .iconfont{margin-right:3px;vertical-align:middle;font-size:22px;color: #ccc;margin-bottom: 3px;display: inline-block;}
#dg-confirm .dg_body .btm a{display:block;padding:10px 0 8px;height:inherit;-webkit-border-radius:0;border-radius:0;-webkit-box-flex:1;}
#dg-confirm .dg_body .btm a.graybtn{border-right:1px solid #fff;}
#dg-confirm.pop_in .dg_body{-webkit-animation:pop_in .5s;}
#dg-confirm.pop_out .dg_body{opacity:0;-webkit-animation:pop_out .3s;}

html{margin:0 auto; min-width:320px;background-color:#f5f5f5;color:#333;}
body{-webkit-overflow-scrolling: touch; /* 可以通过增加padding-bottom来适配 */padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/ /* 可以通过margin-bottom来适配 */margin-bottom: constant(safe-area-inset-bottom);margin-bottom: env(safe-area-inset-bottom); /* 或者改变高度*/height: calc(55px +  constant(safe-area-inset-bottom));height: calc(55px +  env(safe-area-inset-bottom));}
body,button,input,select,textarea{font:14px PingFangSC-Light,helvetica,"Microsoft YaHei",arial;-webkit-text-size-adjust:none;}
blockquote,body,dd,dl,h1,h2,h3,h4,h5,h6,p,pre{margin:0;-webkit-text-size-adjust:100%;/*font-family:Helvetica,sans-serif;*/}
ol,ul{margin:0;padding:0;list-style:none}
fieldset{margin:0;padding:0}
legend,td,th{padding:0}
button,input,textarea{padding:0;border:none;outline:0}
img{border:none;vertical-align:middle; color: #999; font-size: 0.6rem;}
a{text-decoration:none; color: #111; }
a,button,input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;outline:0}
ol,ul{list-style:none}
i,strong{font-style:normal;font-weight:400}
body.type1 .nav2 {display: none}
.clearfix{zoom:1}
.clearfix:before, .clearfix:after {content: " ";display: table;height:1px;line-height: 1px}
.clearfix:after {clear: both;}
.red{color:#b0352f;}
.green{color:#05c481;}
/*.blue{color:#09f;}*/
.gray{color:#999;}
.icon{width:18px;height:18px;vertical-align:-3px;fill:currentColor;overflow:hidden}
.p_con{font-size:.65rem;color:#6495ed}
.p_con span{display:block;width:50%;float:left;border-right:1px solid #f6f6f6;box-sizing:border-box}
::-webkit-input-placeholder { color: #aaa; }
/*footer*/
/*.footer{height: 56px;width:100%;border-top:1px solid #f1e2e0;background:#f3f3f3;position:fixed;left:0;right:0;bottom:0;z-index:9999;max-width: 640px;margin: 0 auto;}*/
/*.footer li{float:left;text-align:center;width:20%}*/
/*.footer li a{!*width: 30px;*!height: 30px;display:block;border-radius:50%;!*padding: 0 16px;*!margin: 5px 6px;}*/
/*.footer li a svg{width:24px; height:24px;color:#666;}*/
/*.footer li a p {font-size: 12px;color:#666;}*/
/*.footer li a img{width:100%}*/
.f_current a svg {color:#dd811a!important;}
.f_current a p {color:#dd811a!important;}

.top{position: fixed; bottom: 92px; right:0.5rem;text-align: center;z-index: 9999;}
.top li{width:1.5rem;height:1.5rem;line-height: 1.5rem;text-align: center;margin-bottom: .2rem;border-radius: .3rem; }
.top li:first-child {background: rgba(221,128,26,.7);}
.top li:first-child svg{color: #fff;}
.top #top{ background: rgba(160,160,160,.7);display: none;}
.top li svg{font-size: 1rem;}
.top #top{color: #fff;}

.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:0.33rem;-webkit-transform:translateZ(0);transform:translateZ(0);color: #555;}
.dropload-down{height:60px;margin-bottom: 50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center; font-size: 13px; color: #aaa;}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}
/*点赞*/
.zan{ color:#dd801a; }
/*首页底部弹出咨询框*/
.ft_ask_box { width:100%; max-width:640px; margin: 0 auto; font-size:13px; background:#f6f6f6; border-top:3px solid #bb4334; position:fixed;left:0;right:0;bottom:0;z-index:99999; display: none; }
.ft_ask_box .ft_ask_close { float: right; margin: 8px; cursor: pointer; }
.ft_ask_box .ft_ask_close img { width: 20px; padding: 8px; }
.ft_ask_box .ft_ask_close i { font-size: 22px; color: #999; }
/*.ft_ask_box .ft_ask_close img { width: 0.6rem; height: 0.6rem; padding:0.5rem 0.6rem; }*/
.ft_ask_box .a_title { width:92%; font-weight:normal; color: #555; margin:10px auto 0 auto;}
.ft_ask_box .a_title span { color:#dd801a;line-height:40px;font-size:16px; }
.ft_ask_box .form { width:96%; margin:0 auto; padding-top:8px; }
.ft_ask_box .form li { margin:8px 0; display: block; overflow: hidden; }
.ft_ask_box .form li p { padding: 3px 0 0 12px; font-size: 15px; color: #666; }
.ft_ask_box .form li p a { padding: 3px 0 13px 0; color: #e05918; display: block; float: left; }
.ft_ask_box label { display:block; width:18%; padding-right: 2%; float: left; color:#888; text-align:right; line-height:26px; }
.ft_ask_box .tex { border:1px solid #ddd; }
.ft_ask_box input { line-height:20px;display:block;width:64%;padding:6px; }
.ft_ask_box textarea { width:64%; display:block;height:60px;padding:6px; }
.ft_ask_box #btn { display:block;width:120px;height:34px;line-height:36px;background:#bb4334;text-align:center;color:#fff;margin: 10px 0 30px 20%;border-radius:4px;font-size:13px; }

.thr_app { left:0;right:0;margin:0 auto;width: 100%; max-width: 750px; height:58px; background: #000; opacity: 0.88; position: fixed; bottom: 0; z-index: 999; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; }
.thr_app .thr_app_logo { width:42px; height: 42px; margin: 5px 12px; }
.thr_app .thr_app_text { flex: 1; }
.thr_app .thr_app_text p:nth-child(1) { font-size:16px; color: #ff9933; }
.thr_app .thr_app_text p:nth-child(2) { font-size:13px; color: #ddd; }
.thr_app .thr_app_btn { background: #dd801a; height: 38px; padding: 0 15px; font-size: 14px; line-height: 38px; border-radius: 4px; color: #fff; margin-right:10px; }

.iphone_x { padding-bottom: 34px; }
.iphone_x .footer_bar2, .iphone_x .footer, .iphone_x { padding-bottom: 34px; }
.iphone_x .thr_app { padding-bottom: 20px; }
.btnX i { font-size: 22px; color: #bbb; }
/*--按钮弹框--*/
.btn,.btn2,.btn2:visited,.btn:visited{display:block;padding:12px 12px 13px;height:20px;background-color:#b0352f;color:#fff;vertical-align:middle;text-align:center;font-size:100%;line-height:20px; }
.nav0 { width: 100%; max-width: 640px; height: 50px; margin: 0 auto; left: 0; right: 0; background: #fff; font-size: 14px; display: block; overflow: hidden; position: fixed; bottom: 0; border-top: 1px solid #f3f3f3; z-index:88; }
.nav0 a { width: 20%; height: 50px; margin: 0; padding: 0; font-size: 12px; color: #555; background: #fff; text-align: center; display:block; float: left; }
.nav0 a i { margin: 7px 0 3px 0; font-size: 22px; display: inline-block; }
.nav0 a span { width:100%; clear: both; display: inline-block; }
.nav0 a.active { color: #d33; background: #fff; }

/*---------2024新版淘壶人样式-------------*/
.pp-block{display:block;overflow:hidden;margin:10px 6px;border-radius:6px;background:#fff;}
.block-top{display:block;overflow:hidden;margin:9px 12px 5px 12px;}
.block-top .pp-title h2{color:#555;font-size:17px;}
.title-desc {margin:3px 0 0 10px;border-radius:5px;color:#888;font-size:13px; }
.more-word{color:#999;font-size:13px;padding: 3px 0;}
.block-list{margin:5px 6px 3px 6px;}
.block-list ul{width:100%;}
.block-list ul li{text-align:center; margin: 3px 0; padding: 5px 0 3px 0; border-radius: 4px; }
.block-list ul li a { display:inline-block; width: 95%; margin: 0 2.5%; }
/*.block-list ul li:hover { box-shadow:1px 1px 5px rgba(0,0,0,.2);border-radius: 4px; }*/
.item-pic { border-radius: 4px; overflow: hidden; position: relative; }
.item-pic img { width:auto; height: 100%; object-fit: cover; position: absolute; top: 0;left: 0;right:0; margin: 0 auto; border-radius: 4px; }
.block-list ul li img {-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s}
.block-list ul li:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)}
/*.block-list ul li:hover h3 { color: #dd801a; }*/
.text-black { margin:5px 0 0 0;color:#777;font-size:14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.text-red { margin:2px 0;color:#d33;font-size:14px; }
.text-gray{ margin:2px 0;color:#aaa;font-size:12px; }
/*.text-more span{ width: 100%; height: 230px; line-height: 230px; color:#FF2600;font-size:22px; display: block;}*/
/*.text-more span:after{content:"更多>>";}*/
/*.text-more:hover span:after{content:"点击更多";}*/
.good-pic { height: 0;padding-bottom: 66%;display: block;overflow: hidden; }
.mj-pic { height: 0;padding-bottom: 100%;display: block;overflow: hidden; }

.li-foot { width: 100%; height:32px; font-size: 12px; color: #fff; text-align: center; margin: 0 auto; position: relative; }
.li-foot .li-btn { height: 26px; margin: 0 auto; line-height: 26px; display: block; opacity: 0; transition: opacity .5s ease; cursor: pointer; position: absolute; top:0; left: 0; right: 0; }
.li-foot button { width: 66px; height: 26px; margin: 0 4px; line-height: 26px; background: #d33; display: inline-block; overflow: hidden; border-radius: 80px; font-size:14px; color:#fff;cursor: pointer; }
.li-foot button.fav { background: #d83; }
/*.ask { width:100px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 6px auto 10px auto; display: block; background: #d33; border-radius: 40px; cursor: pointer}*/
.ask:before{content:"询底价";}
.fav:before{content:"收藏";}
.li-foot span { width: 100%; font-size: 12px; color: #999; opacity: 1; transition: opacity .5s ease; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/*.block-list ul li:hover .li-foot .li-btn { opacity: 1; }*/
/*.block-list ul li:hover .li-foot span { opacity: 0; }*/

.breadcrumb { max-width: 1200px; margin: 15px 6px; font-size: 14px; color: #666; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breadcrumb a { margin: 0 0 0 2px; padding: 0 1px; font-size: 14px; color: #555; }
.breadcrumb span { margin: 0 0 0 2px; padding: 0 1px; font-size: 14px; color: #888; }

header { box-shadow: 1px 5px 6px rgba(0,0,0,0.08); }

/*nav1修改*/
.nav1 { background: #fff; /*box-shadow: 1px 5px 6px rgba(0,0,0,0.08);*/ }
.nav1tab {  position: relative; white-space: nowrap; }
.nav1 a { padding: 11px 8px; color: #777; }
/*.more-nav { padding: 0; position: absolute; right: 0; top:0; }*/
.nav1so { padding: 0; position: absolute; right: 0; top:0; }
.nav1 a.daohang { border-bottom:none; background: #bf7b16; opacity: 0.8; color: #fff; font-size: 15px;cursor: pointer; position: absolute; padding: 0 8px;right: 0 }
.nav1 a.daohang i { font-size: 14px; color: #fff; }
.nav1 a.sousuo { color: #d33; background: #c57823; }
.nav1 a.back { padding: 0 5px 0 15px; position: absolute; left: 0; top:0; background: #a73829; }
.nav1 a.back i { font-size: 22px; }
.nav1 a.nav1logo { margin-top: 18px; margin-left: -180px; display: block; float: left; }
.nav1logo img { width: 150px; display: block; }
.nav1 a.home { margin-left: 0px; }

.nav2 .nav2list { background: #fff; display: block; }
.nav2 .nav2list a { margin: 0 10px; padding: 0 2px; font-size: 14px; color: #999; display: inline-block; }
.nav2 .nav2list a.active { color: #d33; border-bottom: 2px solid #d33; }
.nav2 .nav2list .breadcrumb { margin:0 6px; }
.nav2 .nav2list .breadcrumb a { margin: 0 1px 0 4px; padding: 0 1px; }
.nav2 .nav2list .breadcrumb span { margin: 0 1px 0 4px; padding: 0 1px; }


.nav3 { background: #fffff5; display: none; border: 2px solid #e9e9e9; border-top: none; position: absolute; }
.nav3 .nav3list { margin: 5px 40px 5px 0; /*background: #999;*/ }
.nav3 .nav3list a { width: 60px; text-align: center; margin: 0 1px; padding: 0 1px; font-size: 14px; color: #555; display: inline-block; }
.nav3 .nav3list a.active { color: #d33;}
.nav3 .nav3list a:hover { color: #d33; }
.nav3 span { position: absolute; top:4px; right:0; width: 40px; height: 48px; text-align: center; }
.nav3 span i { font-size:18px; color: #999; }


/*dropload*/
.dropload-down,.dropload-up{position:relative;height:0;overflow:hidden;font-size:.6rem;-webkit-transform:translateZ(0);transform:translateZ(0);color:#999}
.dropload-down{height:50px}
.dropload-load,.dropload-noData,.dropload-refresh,.dropload-update{height:50px;line-height:50px;text-align:center}
.dropload-load .loading{display:inline-block;height:15px;width:15px;border-radius:100%;margin:6px;border:2px solid #666;border-bottom-color:transparent;vertical-align:middle;-webkit-animation:rotate .75s linear infinite;animation:rotate .75s linear infinite}

/*swiper*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0,0,0);-o-transition-timing-function:ease;-o-transform:translate(0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-wrapper{height:auto!important}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:auto!important}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}
.swiper-container{width:100%;height:auto}
.swiper-pagination-switch{display:inline-block;margin:0 3px;width:8px;height:8px;border-radius:10px;background:#bbb;/*box-shadow:0 1px 2px #555 inset;*/cursor:pointer}
.swiper-active-switch{background:#dd801a;}
.pagination{position:absolute;bottom:5px;left:0;width:100%;text-align:center;z-index:9}


/*分页*/
.xt-page{box-sizing:border-box;padding:15px 1px!important;width:100%!important;/*background:#fff;*/text-align:center;font-size:13px; border-bottom: none; }
.page{ display:inline-block;margin:0 auto;padding-left:0;border-radius:6px;background:0 0;background:#fff;border:1px solid #eee;}
.page span{float:left;display:block;margin-left:-1px;padding:0 9px;height:32px;line-height:32px;border-right:1px solid #eee;}
.page span:last-child{border-right:none;}
.page span a{display:block;color:#888;width: 100%!important;}
.page span:first-child{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.page span:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.page input.jump-page-pure-input-rounded{
    width: 36px;
    height: 32px;
    line-height:32px;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 0;
    border-bottom: 0;
    margin-left: 7px;
    margin-right: 7px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

/*页面为空时*/
.pp-empty { margin: 30px auto; display: block; overflow: hidden; text-align: center; }
.pp-empty .empty-icon i { font-size: 60px; color: #ccc; }
.pp-empty .empty-desc { margin: 10px 0; font-size: 15px; color: #999; }
.pp-empty .empty-link { margin: 10px 0; font-size: 14px; color: #666; }
.pp-empty .empty-link a { margin: 0 0 0 5px; padding: 7px 16px; font-size: 14px; color: #fff; display: inline-block; background: #d63; border-radius: 60px; }

.pub-float { font-size: 14px; color: #666; position: fixed; right: 2px; bottom: 18%; z-index: 8; }
.pub-float .float-item { width: 54px; height: 54px; margin: 3px 0; background: #fff; border-radius: 88px; border: 1px solid #ddd; display: block; overflow: hidden; }
.pub-float .float-item i { width: 100%; text-align: center; display: block; overflow: hidden; font-size: 0; }
.pub-float .float-item i img { width: 20px; margin: 5px auto 1px auto; font-size: 0; }
.pub-float .float-item span { width: 100%; font-size: 10px; color: #888; text-align: center; display: block; overflow: hidden; clear: both; }


/*屏幕小于1024px*/
@media screen and (min-width:0px) and (max-width:1024px){
    html{margin:0 auto;max-width:640px;min-width:320px;background-color:#f5f5f5;color:#333;}
    body #center { /*background-color:#eee; */margin-top:50px}
    body.type1 #center {margin-top:102px}
    body.type2 #center {margin-top:134px}
    body.type3 #center {margin-top:184px}
    header { max-width:640px; }
    #header { position: fixed; top:0; left:0; right:0; z-index: 22; margin: 0 auto}
    .main1 { margin-top: 120px;}
    .m-hidden { display: none!important; }
    .pc { display: none; }
    .ft_ask_box { box-shadow:1px -22px 22px rgba(0,0,0,.4); }
    .li-foot { height: 22px; }

    /*头部渐隐藏显示*/
    /*.hide1{animation: hidetip2 0.5s;animation-fill-mode: forwards;-webkit-animation: hidetip3  0.5s;-webkit-animation-fill-mode: forwards;}*/
    /*.show1{animation: showtip2 0.5s;animation-fill-mode: forwards;-webkit-animation: showtip3  0.5s;-webkit-animation-fill-mode: forwards;}*/
    body.type1 .hide1{animation: hidetip1 ease .5s forwards;-webkit-animation: hidetip1  0.5s;-webkit-animation-fill-mode: forwards;}
    body.type1 .show1{animation: showtip1 ease .5s forwards;-webkit-animation: showtip1  0.5s;-webkit-animation-fill-mode: forwards;}
    body.type2 .hide1{animation: hidetip2 ease .5s forwards;-webkit-animation: hidetip2  0.5s;-webkit-animation-fill-mode: forwards;}
    body.type2 .show1{animation: showtip2 ease .5s forwards;-webkit-animation: showtip2  0.5s;-webkit-animation-fill-mode: forwards;}
    body.type3 .hide1{animation: hidetip3 ease .5s forwards;-webkit-animation: hidetip3  0.5s;-webkit-animation-fill-mode: forwards;}
    body.type3 .show1{animation: showtip3 ease .5s forwards;-webkit-animation: showtip3  0.5s;-webkit-animation-fill-mode: forwards;}
    /*@keyframes hidetip1{from{top:0;} to{top:-0px;}}*/
    /*@keyframes showtip1{from{top:-0px;} to{top:0;}}*/

    /*@keyframes hidetip2{from{top:0;} to{top:-0px;}}*/
    /*@keyframes showtip2{from{top:-0px;} to{top:0;}}*/

    /*@keyframes hidetip3{from{top:0;} to{top:-0px;}}*/
    /*@keyframes showtip3{from{top:-0px;} to{top:0;}}*/
    @keyframes hidetip1{from{top:0;} to{top:-48px;}}
    @-webkit-keyframes hidetip1{from{top:0;} to{top:-48px;}}

    @keyframes showtip1{from{top:-48px;} to{top:0;}}
    @-webkit-keyframes showtip1{from{top:-48px;} to{top:0;}}

    @keyframes hidetip2{from{top:0;} to{top:-48px;}}
    @-webkit-keyframes hidetip2{from{top:0;} to{top:-48px;}}
    @keyframes showtip2{from{top:-48px;} to{top:0;}}
    @-webkit-keyframes showtip2{from{top:-48px;} to{top:0;}}

    @keyframes hidetip3{from{top:0;} to{top:-146px;}}
    @-webkit-keyframes hidetip3{from{top:0;} to{top:-146px;}}
    @keyframes showtip3{from{top:-146px;} to{top:0;}}
    @-webkit-keyframes showtip3{from{top:-146px;} to{top:0;}}

    /*m头部*/
    .head1m{ /*position:fixed;*/top:0;z-index:999;/*display:flex;*/margin:0;padding:0;width:100%; max-width:640px;background:#fff; display: block;height: 48px; border-bottom: 1px solid #f3f3f3; box-sizing: border-box; }
    .head1m .head-search{margin:0 2%;flex:1;}
    .head1m .head-search a{display:block;margin:8px auto 2px auto;padding:1px 10px 0 10px;height:34px;border-radius:30px;background:#f1f1f1;line-height:30px;}
    .head1m .head-search a i{color:#ccc;font-size:18px;}
    .head1m .head-search a input{width:89%;background:#f1f1f1;}
    .head1m .head-icon{ padding: 13px 10px 10px 10px;}
    .head1m .head-logo{ width:60px; padding: 0; margin:6px 8px;}
    .head1m .head-logo img{width:100%;}
    .head1m .head-font{color:#777;font-size:22px; }
    .head1m .head-box{ width: 100%; position: relative; display: flex; }
    .head1m .head-box span em { font-size: 16px; color: #666; font-style: normal; padding: 2px 0 0 2px; }
    .head1m .head-left { float: left; position: absolute; left: 5px;z-index: 999; }
    .head1m .head-right { float: right; position: absolute; right: 5px; z-index: 999; }
    .head1m .right-nav { display: none; }


    /*pc头部*/
    /*.head2p { display: none; }*/

    /*m-tab导航*/
    .nav1{/*position:fixed;*/top:50px;z-index:999;display:flex;margin:0;padding:0;width:100%;max-width:640px;height: 40px; line-height: 40px; background: #eee; overflow: hidden; /*box-shadow: 1px 2px 2px rgba(0,0,0,0.03); */}
    .nav1 .nav1tab{overflow-y:scroll;white-space:nowrap; position:static; }
    .nav1 .nav1tab::-webkit-scrollbar{display:none;-webkit-overflow-scrolling:touch;}
    .nav1 a{ margin:0;padding:11px 12px; font-size:16px; }
    /*.nav1 a:last-child {background: #d35e4f}*/
    .nav1 a.active{ color:#dd801a;}
    .more-nav { width: 70px; top: 40px; left: 0; }

    .head-middle { width: 60%; line-height: 48px; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 17px; }
    .head-middle a { display: block; font-size: 0; }
    .head-middle img { width: 104px; margin-top: 1px; vertical-align: middle; }

    .nav2 {top:84px;z-index:999;display:flex;margin:0;padding:0;width:100%;max-width:640px;height:38px; background: #fff; line-height:36px; box-shadow: 1px 2px 2px rgba(0,0,0,0.03); }
    .nav2 .nav2box { display:flex;margin:0;padding:0;width:100%; position: relative; }
    .nav2 .nav2list { overflow-y:scroll;white-space:nowrap; padding-left: 0px; }
    .nav2 .nav2list::-webkit-scrollbar{display:none;-webkit-overflow-scrolling:touch;}
    .untop .nav1 { position: fixed; top:0;}
    .untop .unhead { height: 38px; }

    .nav3 {top:88px;z-index:999;display:none;margin:0;padding:0;/*width:100%; */max-width:640px; line-height:36px; box-shadow: 1px 2px 2px rgba(0,0,0,0.03); }
    .nav3 .nav3list a { width: 17.6%; }

    /*.li-foot button.fav { display: none; }*/
    
    /*m底部*/
    /*.footer { padding-bottom: 50px; }*/
    .footer-1{ background: #eee; height: 100px; width: 100%; }
    .footer-1 li{ float:left; width: 20%; color:#cbc3bb;text-align: center; margin-top: 10px; }
    .footer-1 li span{ font-size: 13px; line-height: 22px; color: #999; }
    .footer-1 li i { width: 40px; height: 40px; display: block; margin: 6px auto; overflow: hidden; font-size: 40px; line-height: 40px; }

    /*.footer-1 li i { width: 50px; height: 50px; display: block; margin: 3px auto; overflow: hidden; }*/
    /*.footer-1 li i.ft_i1 { background: url("box/index/i1.png") no-repeat; background-size: 50px; }*/
    /*.footer-1 li i.ft_i2 { background: url("box/index/i2.png") no-repeat; background-size: 50px; }*/
    /*.footer-1 li i.ft_i3 { background: url("box/index/i3.png") no-repeat; background-size: 50px; }*/
    /*.footer-1 li i.ft_i4 { background: url("box/index/i4.png") no-repeat; background-size: 50px; }*/
    /*.footer-1 li i.ft_i5 { background: url("box/index/i5.png") no-repeat; background-size: 50px; }*/

    .footer-2{width: 100%;background: #fff; padding-bottom: 50px; }
    .left_list{ float: left; width: 100%; text-align: center; display: flex;  }
    .left_list li{ float: left; margin:25px 0 5px 0; flex: 1; }
    .left_list li dt{ font-size: 13px; color: #888; }
    .left_list li dd{ margin: 8px 0; }
    .left_list li dd a{ font-size: 13px; color: #aaa; }
    .left_list li dd a:hover{ color: #dd801a; }

    .right_list{ float: left;width: 100% }
    .right_list li{ float: left; margin:15px 2%; }
    .contact{ width: 94%; margin: 0 3%; }
    .contact h4{ color: #2a2a2a; font-weight: normal; font-size: 16px; line-height: 30px; }
    .contact em{ font-size: 20px;color: #dd801a; line-height: 30px; }
    .contact a { display: block; width: 140px; height: 35px; background: url("box/index/sprite.png") no-repeat -5px -115px; }
    .ewm_code{ width: 96%; }
    .ewm_code img{ width: 80px; height: 80px; }
    .ewm_code dd{ float: left; width: 25%; text-align: center; font-size: 13px; color: #666; }
    .work_site{ padding: 6px 0; border-bottom: 1px solid #efefef; }
    .work_site h3{ line-height: 25px; padding: 0 12px; font-weight: normal; }
    .work_site h3 span { font-size: 13px; color: #999; }
    .work_site ul { margin: 3px 6px; font-size: 13px; color: #999; }
    .work_site ul:hover{}
    .work_site li { float: left;margin: 5px 6px;text-align: center; }
    .work_site li a { color: #999; }
    .work_site li a:hover{ color: #dd801a; }
    .work_more{display: none;}
    .bottom_item{ text-align: center; padding: 20px 0; }
    .bottom_item p { line-height: 25px; font-size: 13px; color: #555; }
    .bottom_item p span a { display: block; }
    .bottom_item a { color:#948c85; }
    .mark{ display: block;width: 400px; height: 55px; background: url("box/index/sprite.png") no-repeat -332px -195px; margin:10px auto; }
    .mark a { width:120px; height: 55px; padding: 0 10px; display: inline-block; }
    .footer_icons { margin:0 auto; padding: 10px 0 52px 0; text-align: center; }
    .footer_icons img { width:auto; }
    .bottom_item2{  text-align: center; }
    .bottom_item2 ul{ width: 500px; margin: 0 auto; padding: 10px 0; font-size: 14px;}
    .bottom_item2 li { display: inline-block; float: left; margin: 7px 0; }
    .bottom_item2 li a{ color: #444; padding: 0 16px 0 26px; border-right: 1px solid #eee; }
    .bottom_item2 li:last-child a { border-right:none; }
    .bottom_item2 li a:hover{ color:#dd801a; }
    .bottom_item2 p{ color: #777; line-height: 30px; }
    .bottom_item2>p>a{ color:#dd801a; }


    .ios_padding_bottom {
        /*padding-bottom: 0;*/
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
}

@media screen\0 {/*仅ie8,ie9,ie10,edge识别*/
    body {background: red\9; }/* IE8,ie9,ie10*/
}
/*屏幕大于1024px ,ie10支持*/
@media screen and (min-width:1025px){
    body #center { margin:272px auto 0 auto;width:1200px;background-color:#f5f5f5;color:#333;}
    body.type1 #center {margin-top:98px}
    body.type2 #center {margin-top:138px}
    body.type3 #center {margin-top:402px}
    header { width:100%; background: #fff; position: fixed; z-index: 888; top: 0}
    .top-banner { width: 1200px; margin: 0 auto; }
    .pc-hidden { display: none!important; }
    .m { display: none; }
    .pc:hover { cursor: pointer; }
    .head1m { display: none; }
    .middle { width:1200px; margin: 0 auto; }
    .nav0 { display: none; }
    .ft_ask_box { bottom: 50%; margin-bottom: -135px; box-shadow:1px 1px 55px rgba(0,0,0,.6); }



    .search_list{ position: relative; float: left; z-index:99; }
    .search_words{ position: absolute;top: 30px;left:1px;width:50px;border: 1px solid #ddd;z-index: 888;box-sizing: border-box; border-top: none;background: #fff;display: none; }
    .search_words li{ height: 30px;line-height: 30px;text-align: center; }
    .search_words li a {color: #777;display: inline-block;width: 100%;height: 100%; margin: 0; padding: 0 1px; font-size: 14px; cursor: pointer; }
    .search_words li:hover { background: #ddd;}
    .search_words li:hover a {color: #fff;}

    .select-tab { padding:0 1px 0 12px; color: #d5ab7d; float: left; width: 44px; height: 30px; }
    .select-tab i { padding-left:4px; font-size: 10px; color: #ccc; }
    .search_list:hover .search_words { display: block; }

    /*@-webkit-keyframes hidetip1{from{top:0;} to{top:-0px;}}*/
    /*@-webkit-keyframes showtip1{from{top:-0px;} to{top:0;}}*/
    /*@-webkit-keyframes hidetip2{from{top:0;} to{top:-0px;}}*/
    /*@-webkit-keyframes showtip2{from{top:-0px;} to{top:0;}}*/
    /*@-webkit-keyframes hidetip3{from{top:0;} to{top:-0px;}}*/
    /*@-webkit-keyframes showtip3{from{top:-0px;} to{top:0;}}*/

    /*pc导航*/
    .nav1{ width:100%; line-height: 40px; position: static; height: 80px; background: #eee; overflow: visible;}
    .nav1 a { margin:0; font-size:15px; color:#555; padding: 0 12px; margin-top: 22px; display: block; float: left;}
    .nav1 a:hover { /*background:none; */color: #dd801a;  }
    .more-nav { background: none; }
    /*.nav1 a:last-child { background: none; }*/
    .nav1 a.active{ border-bottom:none; color: #dd801a; }
    .untop_pc .nav1 { position: fixed; top:0; z-index: 9;}
    .untop_pc .unhead { height: 40px; }

    .nav1 a.daohang { left:0; right:auto; }
    .nav1 a.daohang:hover { color: #fff; background: #a96e15; }
    .nav1 a.home { margin-left: 70px; }
    .nav1 a .user-icon { font-size: 18px; color: #999; margin: -2px 3px 0 0; float: left; }
    .nav1 a:hover .user-icon { color: #dd801a; }

    .nav1 .nav1so { width: 256px; margin: 24px 0 0 0; padding: 0 10px; height: 30px; line-height: 30px; border: 1px solid #ccc; border-radius: 50px; background: #fff; }
    .nav1so .right-so-icon { padding: 6px 8px 6px 4px; cursor: pointer; }
    .nav1so input { width: 176px; padding: 0 6px; background: none; }
    .nav1so input[type=search] { width: 170px; padding: 0 6px; background: none; }
    .nav1so input::placeholder { color: #ddd; }
    .nav1so input::-webkit-input-placeholder { color: #ddd; }
    .nav2 .nav2list span { margin-left: 78px; }

    .nav2 { width: 1200px; margin: 0 auto; height: 40px; line-height: 38px; background: #fff; position: static; overflow: hidden;  }
    .nav3 { width: 1196px; margin: 0 auto; top:80px; left: 0; right: 0; /*height: 50px;*/ line-height: 44px; overflow: hidden;  }

    .block-list ul li:hover h3 { color: #dd801a; }
    .block-list ul li:hover .li-foot .li-btn { opacity: 1; }
    .block-list ul li:hover .li-foot span { opacity: 0; }


    /*搜索结果为空*/
    .no_search { height: 30px; margin-top: 20px; text-align: center; color: #888; }
    .no_search b { color: #dd801a;; }
    .on_login li.li_user1{ display:none }
    .on_login li.li_user2{ display:block }
    .on_login li.li_order{ display:block}
    .on_login li.li_cart{ display:block }
    .not_login li.li_user1{ display:block }
    .not_login li.li_user2{ display:none }
    .not_login li.li_order{ display:block}
    .not_login li.li_cart{ display:none }



    /*pc底部*/
    .footer-1{ background: #eee; height: 122px; width: 100%; }
    .footer-1 li { float:left; width: 20%; color:#cbc3bb; }
    .footer-1 li span{ margin-left: 10px; font-size: 18px; line-height: 122px; color:#999; }
    .footer-1 li i { /*width: 58px; height: 58px; */ display: block; float: left; overflow: hidden; margin:2px 0 0 30px; font-size: 60px; line-height: 114px; }

    /*.footer-1 li i { width: 58px; height: 58px;  display: block; float: left; overflow: hidden; margin:30px 0 0 28px; }*/
    /*.footer-1 li i.ft_i1 { background: url("box/index/i1.png") no-repeat; background-size: 58px; }*/
    /*.footer-1 li i.ft_i2 { background: url("box/index/i2.png") no-repeat; background-size: 58px; }*/
    /*.footer-1 li i.ft_i3 { background: url("box/index/i3.png") no-repeat; background-size: 58px; }*/
    /*.footer-1 li i.ft_i4 { background: url("box/index/i4.png") no-repeat; background-size: 58px; }*/
    /*.footer-1 li i.ft_i5 { background: url("box/index/i5.png") no-repeat; background-size: 58px; }*/

    .footer-2{width: 100%;background: #fff }
    .left_list{ float: left;width: 46%;text-align: center}
    .left_list li{ float: left; margin:25px 18px; }
    .left_list li dt{ font-size: 14px; color: #444; }
    .left_list li dd{ margin: 8px 0; }
    .left_list li dd a { color: #888; }
    .left_list li dd a:hover{ color: #dd801a; }
    .right_list{ float: left;width: 50% }
    .right_list li{ float: left;margin:25px 0; }
    .contact{ width: 32%; }
    .contact h4{ color: #2a2a2a; font-weight: normal; font-size: 16px; line-height: 30px; }
    .contact em{ font-size: 20px;color: #dd801a; line-height: 30px; font-style: normal; }
    .contact a { display: block; width: 140px; height: 35px; background: url("box/index/sprite.png") no-repeat -5px -115px; }
    .ewm_code{ width: 68%; }
    .ewm_code img{ width: 80px; height: 80px; }
    .ewm_code dd{ float: left; width: 25%; text-align: center; }
    .work_site{;border-bottom: 1px solid #efefef; padding: 6px 0; }
    .work_site h3{ line-height: 25px; padding: 0 10px; font-weight: normal; }
    .work_site h3 span { font-size: 13px; color: #bbb; }
    .work_site ul { padding: 10px 0; }
    .work_site ul:hover{ }
    .work_site li{ float: left;margin: 5px 10px;text-align: center; }
    .work_site li a { color: #888; }
    .work_site li a:hover{ color: #dd801a; }
    .work_more{display: none;}
    .bottom_item{   text-align: center; padding: 20px 0; }
    .bottom_item p{ line-height: 25px; font-size: 13px; }
    .bottom_item p span a { padding: 0 3px; }
    .bottom_item a{ color:#948c85; }
    .mark{ display: block;width: 400px; height: 55px; background: url("box/index/sprite.png") no-repeat -332px -195px; margin:10px auto; }
    .mark a { width:120px; height: 55px; padding: 0 10px; display: inline-block; }
    .footer_icons { margin:0 auto; padding: 10px 0; text-align: center; }
    .footer_icons img { width:auto; }
    .bottom_item2{  text-align: center; }
    .bottom_item2 ul{ width: 500px; margin: 0 auto; padding: 10px 0; font-size: 14px;}
    .bottom_item2 li { display: inline-block; float: left; margin: 7px 0; }
    .bottom_item2 li a{ color: #444; padding: 0 16px 0 26px; border-right: 1px solid #eee; }
    .bottom_item2 li:last-child a { border-right:none; }
    .bottom_item2 li a:hover{ color:#dd801a; }
    .bottom_item2 p{ color: #777; line-height: 30px; }
    .bottom_item2>p>a{ color:#dd801a; }


}