@charset "utf-8"; 
body { text-align: left; margin: 0; padding: 0; color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; min-width: 1200px;}
img, dl, dt, dd, ul, ol, li, p, i, em, h1, h2, h3, h4, h5, a, div { margin: 0; padding: 0; outline: none;}
dl ,dt, dd, ul, ol, li { list-style: none;}
em, i { font-style: normal;}
a:link { text-decoration: none; color: #656d78;}
a:visited { text-decoration: none; color: #656d78;}
.clearfix:after { content: ""; display: block; *zoom: 1; height: 0; clear: both; visibility: hidden;}
form, input, button, select, textarea, a, img { margin: 0; padding: 0; outline: none; font-style: normal;}
textarea { resize: none; font-family: Arial, Helvetica, sans-serif;}
input, button { vertical-align: middle; -webkit-appearance: none; border-radius: 0;}
input[type='radio']{ -webkit-appearance: radio;}
img { vertical-align: middle; border: 0;}
textarea::-webkit-input-placeholder, input[type='text']::-webkit-input-placeholder { color: #aaa;}
textarea:-moz-placeholder, input[type='text']:-moz-placeholder { color: #aaa;}
textarea:-ms-input-placeholder, input[type='text']:-ms-input-placeholder { color: #aaa;}
textarea:focus::-webkit-input-placeholder, input[type='text']:focus::-webkit-input-placeholder { color: transparent;}
textarea:focus::-moz-placeholder, input[type='text']:focus::-moz-placeholder { color: transparent;}
textarea:focus::-ms-input-placeholder, input[type='text']:focus::-ms-input-placeholder { color: transparent;}
.wrap, .main { margin: 0 auto; min-width: 1200px;}
.main { max-width: 1920px;}
.md-con { max-width: 1500px; width: 100%; margin: 0 auto; position: relative;}
.contain { width: 1200px; margin: 0 auto; position: relative;}
.banner-wrap { min-height: 60px;}
.hdr-bg { background-color: #30333c; min-height: 90px;}
.hdr-banner { position: relative;}
.hdr-banner a { display: block; width: 100%; height: 60px; background: url(../images/samsung-s24-ultra-5g-it.jpg) no-repeat center top;}
.hdr-banner .adv_top { height: 80px; background: url(../images/adv-comm/20210101/cm_code_it.jpg) no-repeat center top;}
.hdr-close { position: absolute; height: 20px; width: 20px; background: url(../images/pro-ico.png) no-repeat -72px -1261px; right: 30px; top: 0; cursor: pointer; z-index: 20;}
.hdr-header { height: 30px; padding: 2px 0; background: #282c37; z-index: 10;}
.hdr-tr { float: right; margin-right: 25px;}
.md-con .hdr-tr, .contain .hdr-tr { margin: 0;}
.hdr-ser { float: left; padding: 0 15px 0 25px; line-height: 30px; position: relative; background: url(../images/pro-ico.png) no-repeat -72px -259px;}
.hdr-ser:hover { background-position: -72px -300px; color: #F90;}
.hdr-contact, .hdr-track { float: left; height: 28px; border: 1px solid #282c37; position: relative;}
.hdr-contact .hdr-tit, .hdr-track .hdr-tit { display: block; color: #fff; height: 28px; line-height: 28px; padding: 0 15px 0 13px; position: relative; background: #282c37; cursor: pointer;}
.hdr-contact:hover .hdr-tit, .hdr-track:hover .hdr-tit { background: #fff; color: #333; z-index: 810;}
.hdr-dropdwon { display: inline-block; *display: inline; *zoom:1; height: 7px; width: 10px; vertical-align: middle; background: url(../images/page-ico.png) no-repeat -64px -214px;}
.hdr-contact:hover .hdr-dropdwon, .hdr-track:hover .hdr-dropdwon { background-position: -64px -260px;}
.hdr-drop-info { position: absolute; width: 370px; box-shadow: 3px 3px 5px rgba(0,33,66,0.2); border: 1px solid #ced3d9; background: #fff; z-index: 800; left: -1px; top: 26px; border-radius: 0 3px 3px 3px; display: none;}
.hdr-track .hdr-drop-info { width: 280px;}
.hdr-drop-info dl, .hdr-ship-info dl { padding: 10px 15px;}
.hdr-drop-info dt { line-height: 30px; font-size: 14px; font-weight: 700;}
.hdr-drop-info dd { line-height: 20px;}
.hdr-drop-info dd.hdr-ddl { padding-bottom: 10px;}
.hdr-ddl a { display: block; width: 110px; height: 20px; color: #666; text-decoration: underline; background: url(../images/page-ico.png) no-repeat 98px -666px;}
.hdr-ddl a:hover { color: #ff9900;}
.hdr-dtc { padding: 10px 0;}
.hdr-dtc a { color: #0654ba; text-decoration: underline;}
.hdr-dtc a:hover { color: #e71;}
.hdr-contact:hover .hdr-drop-info, .hdr-track:hover .hdr-drop-info { display: block;}
.hdr-b2b { float: left; line-height: 30px; padding: 0 13px 0 15px; position: relative;}
.hdr-b2b a, .hdr-ser a { color: #fff;}
.hdr-ship { float: left; color: #fff; height: 28px; line-height: 28px; border: 1px solid #282c37; position: relative; cursor: pointer;}
.hdr-ship:hover, .hdr-b2b a:hover, .hdr-ser:hover a { color: #F90;}
.hdr-ctcur { float: left; position: relative; padding: 0 10px 0 13px; z-index: 1000;}
.hdr-click .hdr-ctcur { background: #fff; color: #333;}
.hdr-dropno { float: left; margin: 11px 0; height: 7px; width: 10px; background: url(../images/page-ico.png) no-repeat -64px -214px;}
.hdr-click .hdr-dropno { background-position: -64px -260px;}
.hdr-sct { float: left; margin: 0; padding-right: 5px; position: relative;}
.hdr-sct span, .hdr-sct em { display: inline-block; vertical-align: top;}
.hdr-sct em { margin: 7px 3px; width: 16px; height: 13px;}
.hdr-sct i { position: absolute; height: 20px; left: 97px; top: 1px; z-index: 1100;}
.hdr-currency { float: left; padding-left: 8px; position: relative;}
.hdr-currency span { display: inline-block; height: 28px; line-height: 30px; padding-right: 5px; font-weight: bold;}
.hdr-ship-info { position: absolute; width: 300px; height: 240px; box-shadow: 3px 3px 5px rgba(0,33,66,0.2); border: 1px solid #ced3d9; background: #fff; z-index: 990; right: -1px; top: 26px; display: none;}
.hdr-ship-info dt { color: #666; line-height: 20px; border-bottom: 1px solid #ddd; padding: 5px 0;}
.hdr-sict { display: block; line-height: 20px; padding-top: 10px; color: #666;}
.hdr-selector { position: relative; height: 30px; border: 1px solid #D6D6D6;}
.hdr-btn { color: #333; margin-left: 1px; line-height: 30px; display: block; width: 268px; background: #fff; z-index: 500; position: relative;}
.hdr-cur { color: #333; padding-left: 10px; line-height: 30px; display: block; width: 258px; background: #fff; z-index: 300; position: relative; cursor: pointer;}
.hdr-cur:after, .hdr-btn:after { content: ""; display: block; overflow: hidden; height: 7px; width: 10px; background: url(../images/page-ico.png) no-repeat -64px -236px; position: absolute; right: 10px; top: 11px;}
.hdr-curlist { position: absolute; width: 268px; border: 1px solid #D6D6D6; background: #fff; z-index: 290; left: -1px; top: 30px; display: none; color: #333;}
.hdr-curlist li { float: left; padding-left: 32px; width: 232px; line-height: 30px; background: url(../images/currency-icon.png) no-repeat; cursor: pointer;}
.hdr-curlist li.AUD { background-position: 10px -70px;}
.hdr-curlist li.USD { background-position: 10px 9px;}
.hdr-curlist li.GBP { background-position: 10px -44px;}
.hdr-curlist li.EUR { background-position: 10px -18px;}
.hdr-curlist li.CAD { background-position: 10px -96px;}
.hdr-curlist li:hover { background-color: #f6f6f6;}
.hdr-minbtn  { margin-top: 20px; overflow: hidden;}
.hdr-minbtn a { display: block; height: 32px; line-height: 32px; width: 100px; text-align: center; background: #ff8603; color: #fff; border-radius: 4px; border-bottom: 3px solid #cc8603;}
.hdr-minbtn a:active { margin-top: 3px; border-bottom: none;}
.hdr-ser del, .hdr-b2b del, .hdr-contact del, .hdr-track del { position: absolute; height: 10px; width: 1px; background: #888; top: 10px; right: 0; z-index: 790;}
.hdr-contact:hover, .hdr-track:hover, .hdr-click { box-shadow: 3px 3px 5px rgba(0,33,66,0.2); border-color: #ced3d9;}
.hdr-nav { height: 90px; background-color: #30333c; width: 100%; position: relative;}
.logo { position: absolute; width: 200px; left: 45px; top: 25px;}
.contain .logo { left: 20px;}
.md-con .logo { left: 15px;}
.hdr-search { padding: 25px 515px 0 280px; height: 62px;}
.md-con .hdr-search { padding: 25px 495px 0 260px;}
.contain .hdr-search { padding: 25px 476px 0 255px;}
.hdr-pop { padding: 5px 30px 0 0; height: 20px; line-height: 20px; font-size: 11px; overflow: hidden;}
.hdr-pop span { display: inline-block; color: #ccc; padding: 0 10px; font-size: 12px; vertical-align: middle;}
.hdr-pop a { display: inline-block; color: #c60; margin-right: 8px; vertical-align: middle;}
.hdr-pop a:after { content:'|'; margin-left: 8px; color: #555;}
.hdr-pop i { display: inline-block; height: 12px; width: 14px; background: url(../images/page-ico.png) no-repeat 0 -1099px; vertical-align: text-top;}
.hdr-formbox { margin-right: 10px; height: 36px; position: relative;}
.hdr-formbox .hdr-cate { position: absolute; left: 0; top: 0; background: url(../images/bg-x.png) repeat-x 0 -44px; border-right: 1px solid #cdcdcd; cursor: pointer; z-index: 100; border-radius: 2px 0 0 2px;}
.hdr-formbox .hdr-cate span { display: block; height: 36px; line-height: 36px; width: 120px; padding: 0 25px 0 6px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: url(../images/page-ico.png) no-repeat 130px -708px;}
.hdr-formbox .hdr-cateon span { background-position: 130px -685px;}
.hdr-cateon { color: #FF8000;}
.hdr-cate-list { display: none; position: absolute; padding: 5px 0; border: 1px solid #ddd; background: #fff; top: 34px; left: 0; z-index: 1410;}
.hdr-cate-list li { width: 150px; line-height: 28px; padding: 0 10px 0 20px; cursor: pointer;}
.hdr-cate-list li:hover { color: #FF8000; background: #f6f6f6;}
.hdr-sbox { height: 36px; padding-right: 50px; padding-left: 152px; position: relative; overflow: hidden;}
.hdr-sbox input { float: left; padding-left: 10px; width: 100%; height: 36px; line-height: 36px; border: none; color: #707070;}
.hdr-sbox .search-btn { position: absolute; top: 0; right: 0; width: 50px; height: 36px; line-height: 36px; margin: 0; text-align: center; cursor: pointer; border: none; background: #ff7a00 url(../images/pro-ico.png) no-repeat 13px -398px; z-index: 2; border-radius: 0 2px 2px 0;}
.hdr-hotkey { position: absolute; left: 152px; top: 36px; height: 215px; z-index: 1000; background: #fff; border: 1px solid #cdcdcd; display: none;}
.hdr-hotkey .htk-tit { font-size: 13px; font-family: Tahoma, Geneva, sans-serif; color: #f90; padding: 10px; font-weight: bold;}
.hdr-hotwords li { padding: 0 10px; height: 24px; line-height: 24px; font-size: 11px; font-family: Verdana, Geneva, sans-serif; cursor: pointer;}
.hdr-hotwords li:hover { background: #F7F8FA;}
.hdr-hotwords span { padding-right: 5px;}
.hdr-knm { color: #f90;}
.hdr-topr { position: absolute; width: 501px; height: 90px; right: 10px; top: 0;}
.md-con .hdr-topr { width: 491px; right: 1px;}
.contain .hdr-topr { width: 471px; right: 1px;}
.hdr-act { float: left; width: 174px; height: 45px; margin: 25px 5px 0 15px; line-height: 16px; position: relative; padding: 1px; cursor: pointer; border-radius: 3px 3px 0 0;}
.contain .hdr-act { margin: 25px 0 0 10px;}
.hdr-act .act-ico { display: block; position: absolute; width: 25px; height: 27px; background: url(../images/page-ico.png) no-repeat -47px -1001px; left: 13px; top: 7px;}
.hdr-act:hover .act-ico, .gd-header .hdr-act .act-ico { background-position: 0 -1001px;}
.hdr-help { float: left; width: 154px; height: 45px; margin: 25px 0 0 5px; line-height: 16px; position: relative; padding: 1px; cursor: pointer; border-radius: 3px 3px 0 0;}
.hdr-help .act-ico { display: block; position: absolute; width: 26px; height: 26px; background: url(../images/page-ico.png) no-repeat -46px -1053px; left: 16px; top: 8px;}
.hdr-help:hover .act-ico, .gd-header .hdr-help .act-ico { background-position: 0 -1053px;}
.hdr-act-nav, .hdr-help-nav { position: relative; width: 99px; height: 35px; padding: 5px 0 5px 55px; z-index: 190; color: #ccc; font-family: Verdana, Geneva, sans-serif; border-radius: 3px 3px 0 0; font-size: 11.5px;}
.hdr-act-nav { width: 125px; padding: 5px 0 5px 50px;}
.hdr-act-nav a { display: block; color: #ccc;}
.hdr-act-nav em { width: 106px; height: 16px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hdr-act-nav span, .hdr-help-nav span { display: block; font-weight: bold; color: #fff; font-size: 12px;}
.hdr-act-info, .hdr-help-info { position: absolute; width: 300px; padding: 10px 15px; background: #fff; z-index: 150; border: 1px solid #999; box-shadow: -1px 2px 10px rgba(0,0,0,0.2); right: -1px; top: 43px; display: none; border-radius: 5px 0 5px 5px;}
.hdr-act-info { width: 220px; padding: 10px 0 0; right: auto; left: -1px;}
.my-acc { width: 145px; padding: 10px 15px;}
.my-acc a { display: block; padding-left: 5px; height: 24px; line-height: 24px;}
.my-acc a:hover { color: #e71; text-decoration: underline;}
.hdr-act:hover .hdr-act-nav, .hdr-help:hover .hdr-help-nav { background: #fff; color: #333;}
.hdr-act:hover .hdr-act-nav a, .hdr-act:hover .hdr-act-nav span, .hdr-help:hover .hdr-help-nav span { color: #333;}
.hdr-act:hover, .hdr-help:hover, .hdr-cart:hover { border: 1px solid #999; box-shadow: -1px 2px 10px rgba(0,0,0,0.2); padding: 0;}
.hdr-act:hover .hdr-act-info, .hdr-help:hover .hdr-help-info { display: block;}
.act-btn { margin: 6px 21px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; background-color: #f60; border-radius: 5px; overflow: hidden;}
.act-btn:hover { background-color: #f70;}
.act-btn a { display: block; color: #fff;}
.act-rgt { padding: 8px 15px 15px 21px; height: 24px; line-height: 24px;}
.act-rgt a { color: #f60;}
.act-rgt a:hover { text-decoration: underline;}
.act-more { background-color: #f8f8f8; padding: 20px 0 0;}
.act-vip { padding: 0 15px 0 21px;}
.act-vip span { display: block; padding-left: 16px; color: #ec7612; position: relative; margin-bottom: 6px;}
.act-vip span:before { content: ''; position: absolute; left: 0; top: 1px; width: 12px; height: 12px; background: url(../images/page-ico.png) no-repeat -15px -1099px;}
.act-vip ul { padding: 0 0 10px 18px; color: #999; border-bottom: 1px solid #ededed;}
.act-vip li { list-style: disc;}
.act-acc { padding: 10px 0;}
.act-acc a { display: block; padding: 0 24px; line-height: 28px; color: #666;}
.act-acc a:hover { color: #ec7612; background: #ededed;}
.hdr-hpc { position: relative; padding: 5px 0 5px 35px;}
.hdr-hpc i { position: absolute; width: 26px; height: 26px; display: block; left: 0; top: 2px; background: url(../images/page-ico.png) no-repeat;}
.hdr-hpc .hp-ico1 { background-position: -46px -282px;}
.hdr-hpc .hp-ico2 { background-position: -46px -627px;}
.hdr-hpc .hp-ico3 { background-position: -46px -537px;}
.hdr-hpc a { display: block; color: #606060; padding: 5px 0;}
.hdr-hpc em { display: block; line-height: 18px; font-weight: 700; color: #666; font-size: 13px;}
.hdr-hpc span { color: #999;}
.hdr-pop a:hover, .hdr-help-info a:hover { color: #e71; text-decoration: underline;}
.hdr-cart { float: left; width: 122px; height: 47px; margin-top: 25px; padding: 1px; position: relative; border-radius: 3px 3px 0 0;}
.hdr-cart > a { width: 97px; height: 45px; padding-left: 25px; position: relative; display: block; z-index: 210; background: url(../images/pro-ico.png) no-repeat -49px -394px; color: #fff; border-radius: 3px 3px 0 0;}
.hdr-cart:hover > a { color: #333; background: #fff url(../images/pro-ico.png) no-repeat -50px -451px;}
.hdr-cart .cart-num { position: absolute; left: 28px; top: 6px; display: block; width: 22px; height: 14px; line-height: 14px; text-align: center; color: #fff; border-radius: 8px; background: #ff7a00; border: 1px solid #ff7a00;}
.hdr-cart:hover .cart-num { background: #fff; border-color: #ddd; color: #f00;}
.hdr-cart .cart-text { display: block; padding: 21px 0 0 22px; font-weight: 700; font-family: Verdana, Geneva, sans-serif;}
.cart-info { position: absolute; width: 280px; padding-top: 10px; background: #fff; z-index: 200; border: 1px solid #999; box-shadow: -1px 2px 10px rgba(0,0,0,0.2); right: -1px; top: 43px; display: none; border-radius: 5px 0 5px 5px;}
.cart-load { line-height: 30px; text-align: center; color: #666;}
.hdr-cart:hover .cart-info { display: block;}
.mini-cart { width: 280px; height: auto; max-height: 430px; overflow-x: hidden; overflow-y: auto;}
.mini-cart::-webkit-scrollbar { width: 9px; height: 9px;}
.mini-cart::-webkit-scrollbar-corner { background: #4c3939;}
.mini-cart::-webkit-scrollbar-thumb { background: #aaa; border-radius: 5px;}
.mini-cart::-webkit-scrollbar-track { display: none;}
.mini-cart:-webkit-scrollbar-track-piece { background: #e7e7e7;}
.mini-cart li { border-bottom: 1px solid #ddd;}
.mini-cart li:hover { background: #f0f0f0;}
.mc-img { float: left; width: 48px; height: 48px; padding: 11px 11px 1px 11px;}
.mc-desc { float: left; width: 180px; margin: 10px 10px 8px 0; line-height: 14px; height: 42px; overflow: hidden;}
.mini-cart li:hover .mc-desc a { color: #e5760b;}
.mc-price { float: left; text-align: right; padding: 0 20px 10px 0; width: 260px; font-size: 14px; color: #c00;}
.mc-viewcart { height: 40px; padding: 12px 30px; background: #f1f1f1;}
.mc-viewcart a { display: inline-block; width: 220px; height: 30px; margin: 5px 0; line-height: 30px; background: #ff8603; color: #fff; font-size: 14px; text-align: center; overflow: hidden; border-radius: 3px; font-weight: 700;}
.mc-viewcart a:hover { background: #ff9803;}
.empty { height: 60px; background: #fff url(../images/page-ico.png) no-repeat 110px -460px;}
.ep-note { line-height: 30px; text-align: center; font-size: 14px; font-weight: 700;}
.ep-shop { height: 30px; line-height: 16px; text-align: center;}
.ep-shop a { color: #ff8000; text-decoration: underline;}
.hdr-top { height: 38px; background-color: #30333c; width: 100%;}
.hdr-menu, .hdr-mg { float: left; position: relative; width: 245px; z-index: 1400; cursor: pointer;}
.hdr-menu { background: #282c37; color: #fff;}
.hdr-mg, .hdr-menu:hover { background: -webkit-gradient(linear,left top,left bottom,from(#f5f5f7),to(#e6e6eb)); background: -webkit-linear-gradient(top,#f5f5f7,#e6e6eb); background: linear-gradient(180deg,#f5f5f7,#e6e6eb); background-color: #f5f5f5; border-radius: 3px 3px 0 0; color: #333;}
.hdr-mg p, .hdr-menu > p { font-family: Tahoma, Geneva, sans-serif; text-align: center; height: 38px; line-height: 38px; text-transform: uppercase; font-size: 14px; font-weight: bold; overflow: hidden; letter-spacing: 1px;}
.hm-cate { float: left; width: 243px; position: relative; border: 1px solid #d9d9d9; border-top: none; z-index: 1400; background: #fff; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1);}
.hdr-menu .hm-cate { float: none; position: absolute; display: none; left: 0; top: 38px;}
.hm-cate .hdr-main { padding: 3px 0 4px; width: 243px; overflow: hidden;}
.hbs, .nbs { line-height: 30px;}
.hbs > a, .nbs > a { font-size: 13px; display: block; padding: 0 15px 0 20px; z-index: 200; border: 1px solid #fff; background: #fff url(../images/page-ico.png) no-repeat 218px -331px; transition: padding 0.5s; border-right: none;}
.hbs > a:hover, .nbs > a:hover { color: #ff9900; padding-left: 28px; background-position: 218px -369px;}
.hbs-show > a { font-weight: bold; padding-left: 23px; color: #ff9900; position: relative; border-top: 1px solid #eee; border-left: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; box-shadow: -1px 0 5px rgba(0,0,0,.1); background-position: 218px -369px;}
.sub-menu { position: absolute; padding: 8px 0 8px 20px; min-height: 438px; width: 748px; background: #fff; left: 242px; top: 0; border: 1px solid #ddd; box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2); z-index: 190; display: none; overflow: hidden;}
.sub-mtit, .sub-menu ul { float: left; width: 394px;}
.sub-more { width: 850px; padding: 0 0 14px 20px;}
.sub-max { width: 1080px; padding: 0 0 20px 20px;}
.sub-min { width: 640px;}
.sub-view { position: absolute; bottom: 0; left: 30px; height: 30px; width: 200px;}
.sub-menu .sub-rt { position: absolute; right: 5px; bottom: 15px;}
.sub-menu .sub-rt a { display: block; width: 100%;}
.sub-mtit a, .sub-ap .sdl-ap dt, .sub-hw .sdl-ap dt, .sub-sm .sdl-ap dt, .sub-xm .sdl-ap dt { color: #333; font-size: 13px; font-weight: 700;}
.sub-mtit a:hover { color: #f60;}
.sub-menu li, .sub-ap .sdl-ap dd, .sub-hw .sdl-ap dd, .sub-sm .sdl-ap dd, .sub-xm .sdl-ap dd { float: left; width: 177px; line-height: 20px; background: url(../images/page-ico.png) no-repeat -69px -105px; padding-left: 10px;}
.sub-menu li { width: 187px;}
.sub-menu .sub-nk li, .sub-menu .sub-ms li, .sub-menu .sub-as li, .sub-menu .sub-mt li, .sub-menu .sub-bb li, .sub-menu .sub-op li, .sub-menu .sub-gg li, .sub-menu .sub-full { width: 374px;}
.sub-menu li a:hover, .sub-ap .sdl-ap dd a:hover, .sub-view a:hover { color: #f60; text-decoration: underline;}
.sub-menu .sub-ap, .sub-menu .sub-hw, .sub-menu .sub-sm, .sub-menu .sub-xm { position: relative;}
.sub-menu .sub-ap li, .sub-menu .sub-hw li, .sub-menu .sub-sm li, .sub-menu .sub-xm li { background: none;}
.sub-menu .sub-ap .sub-apli, .sub-menu .sub-hw .sub-apli, .sub-menu .sub-sm .sub-apli, .sub-menu .sub-xm .sub-apli { position: absolute; left: 394px; top: 0;}
.sub-menu .sub-hw .sub-abli, .sub-menu .sub-sm .sub-abli { position: absolute; left: 581px; top: 0;}
.sub-menu .sub-xm .sub-abli, .sub-menu .sub-ap .sub-abli { position: absolute; left: 615px; top: 0;} 
.sub-menu .sub-hw .sub-trli, .sub-menu .sub-sm .sub-trli, .sub-menu .sub-xm .sub-trli { position: absolute; left: 768px; top: 0;} 
.sub-ap .sdl-ap, .sub-hw .sdl-ap, .sub-sm .sdl-ap, .sub-xm .sdl-ap { float: left; width: 187px; padding: 10px 0 5px; text-indent: 0;}
.sub-ap .sdl-ap dt, .sub-hw .sdl-ap dt, .sub-sm .sdl-ap dt, .sub-xm .sdl-ap dt { float: left; width: 187px; padding-bottom: 5px;}
.sub-xm .sub-apli .sdl-ap, .sub-xm .sub-apli .sdl-ap dd, .sub-xm .sub-apli .sdl-ap dt { width: 200px;}
.sub-menu .adm-ap { width: 209px; height: 245px; background: url(../images/menu/01_apple.jpg) no-repeat;}
.sub-menu .adm-ap a { height: 245px;}
.sub-menu .adm-hw { width: 217px; height: 250px; bottom: 15px; right: 15px; z-index: -1; background: url(../images/menu/02_huawei.jpg) no-repeat;}
.sub-menu .adm-hw a { height: 250px;}
.sub-menu .adm-sm { width: 200px; height: 366px; bottom: -1px; right: -1px; background: url(../images/menu/03_samsung.jpg) no-repeat; z-index: -1;}
.sub-menu .adm-sm a { height: 366px;}
.sub-menu .adm-xm { width: 187px; height: 268px; bottom: 5px; right: 15px; background: url(../images/menu/04_xiaomi.jpg) no-repeat; z-index: -1;}
.sub-menu .adm-xm a { height: 268px;}
.sub-menu .adm-ms { width: 179px; height: 293px; bottom: 15px; right: 25px; background: url(../images/menu/05_oppo.jpg) no-repeat; z-index: -1;}
.sub-menu .adm-ms a { height: 293px;}
.sub-menu .adm-ht { width: 156px; height: 289px; bottom: 5px; right: 25px; background: url(../images/menu/06_vivo.jpg) no-repeat;}
.sub-menu .adm-ht a { height: 289px;}
.sub-menu .adm-sn { width: 200px; height: 189px; bottom: 35px; right: 40px; background: url(../images/menu/07_sony.jpg) no-repeat;}
.sub-menu .adm-sn a { height: 189px;}
.sub-menu .adm-op { width: 188px; height: 267px; bottom: 25px; right: 40px; background: url(../images/menu/08_oneplus.jpg) no-repeat;}
.sub-menu .adm-op a { height: 267px;}
.sub-menu .adm-as { width: 190px; height: 337px; bottom: -1px; right: -1px; background: url(../images/menu/09_asus.jpg) no-repeat; z-index: -1;}
.sub-menu .adm-as a { height: 337px;}
.sub-menu .adm-lg { width: 182px; height: 296px; bottom: -1px; right: -1px; background: url(../images/menu/10_lg.jpg) no-repeat;}
.sub-menu .adm-lg a { height: 296px;}
.sub-menu .adm-mt { width: 220px; height: 200px; bottom: 15px; right: 15px; background: url(../images/menu/11_moto.jpg) no-repeat;}
.sub-menu .adm-mt a { height: 200px;}
.sub-menu .adm-bb { width: 137px; height: 210px; bottom: 20px; right: 30px; background: url(../images/menu/12_realme.jpg) no-repeat;}
.sub-menu .adm-bb a { height: 210px;}
.sub-menu .adm-nk { width: 250px; height: 456px; bottom: -1px; right: -1px; background: url(../images/menu/nokia.jpg) no-repeat;}
.sub-menu .adm-nk a { height: 456px;}
.sub-menu .adm-gg { width: 311px; height: 456px; bottom: -1px; right: -1px; background: url(../images/menu/google.jpg) no-repeat;}
.sub-menu .adm-gg a { height: 456px;}
.hdr-menu:hover .hm-cate, .hbs:hover .sub-menu { display: block;}
.hdr-list { float: left; height: 38px; width: 915px; padding-left: 10px;}
.hdr-list ul { padding-left: 5px;}
.contain .hdr-list ul { padding-left: 10px;}
.hdr-list li { float: left; padding: 0 25px; position: relative;}
.hdr-list li a { line-height: 38px; display: block; color: #fff; font-size: 14px; text-transform: capitalize; font-family: Verdana, Geneva, sans-serif;}
.hdr-list li a:hover { color: #FF8000;}
.st-nav { padding: 20px 0 15px 30px; height: 32px; color: #666;}
.st-sch { padding: 12px 0 5px 9px;}
.contain .st-sch { padding: 12px 0 5px 0;}
.main-inner .st-nav { padding: 6px 0 10px 0;}
.st-nav ol { float: left; height: 30px; border-left: 1px solid #c3c3c3; border-bottom: 2px solid #eee;}
.st-sch ol { border: none;}
.st-nav li, .st-home a, .st-more a, .st-link p, .st-nav .st-tit a { background: url(../images/st-ico.png) no-repeat;}
.st-nav li { float: left; padding: 0 8px 0 7px; margin-right: -7px; height: 30px; line-height: 30px; background-position: right top; position: relative;}
.st-nav li a, .st-last span, .st-jt span { float: left; display: block; padding: 0 5px 0 8px; height: 30px; color: #666;}
.st-nav li a:hover { color: #f66907;}
.st-nav .st-home { z-index: 20;}
.st-nav .st-home:hover { background-position: right -42px;}
.st-nav .st-home a { padding: 0 18px 0 5px; background-position: -18px -79px;}
.st-nav .st-home:hover a { background-position: 3px -79px;}
.st-nav .st-none { background-position: 153px -131px; padding: 0 12px 0 11px;}
.contain .st-nav .st-none { padding: 0 12px 0 0;}
.st-nav .st-brand { z-index: 18;}
.st-nav .st-model { z-index: 16;}
.st-nav .st-last { z-index: 10; overflow: hidden; max-width: 380px; white-space: nowrap; text-overflow: ellipsis;}
.st-last strong { padding: 0 5px 0 10px;}
.st-nav .st-cate { padding-right: 0; z-index: 15;}
.st-sch .st-cate { z-index: 120;}
.st-cate .st-more { float: left; padding-right: 10px; border-radius: 3px 3px 0 0;}
.st-cate .st-more a { position: relative; z-index: 10; padding-right: 15px; border-radius: 3px 3px 0 0; background-position: right -104px;}
.st-link { position: absolute; left: 7px; top: 28px; width: 253px; padding: 2px 0 15px 0; background: #fff; border: 1px solid #aaa; border-radius: 0 0 3px 3px; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1); display: none;}
.st-sch .st-link { left: 11px;}
.st-link p { display: block; padding: 0 10px; overflow: hidden; height: 24px; line-height: 24px; background-position: -388px -86px;}
.st-link a:hover { text-decoration: underline;}
.st-nav .st-cate:hover .st-more { border: 1px solid #999; border-bottom: none; height: 28px; line-height: 28px; background-color: #fff; box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.1); z-index: 1; padding-right: 0;}
.st-nav .st-cate:hover .st-more a { height: 28px; background-color: #fff; padding: 0 24px 0 7px; background-position: right -146px;}
.st-nav .st-cate:hover .st-link { display: block;}
.st-nav .st-jt { background-position: 1px -124px; padding: 0 12px 0 11px;}
.st-cur { color: #3c4a65; font-style: italic; font-weight: 700; line-height: 30px;}
.list-gallery { float: left; padding-left: 10px; width: 150px;}
.list-gallery span { float: left; height: 30px; margin-left: 12px;}
.list-n, .list-y, .gallery-n, .gallery-y { background: url(../images/page-ico.png) no-repeat;}
.brd-nav .list-n { width: 16px; background-position: 0 -844px;}
.brd-nav .gallery-n { width: 16px; background-position: -30px -844px;}
.brd-nav .gallery-y, .brd-nav .list-y, .brd-nav .list-n a, .brd-nav .gallery-n a { width: 16px; height: 30px; display: block;}
.brd-nav .list-n:hover, .brd-nav .list-y { background-position: 0 -877px;}
.brd-nav .gallery-n:hover, .brd-nav .gallery-y { background-position: -30px -877px;}
.mdc-nav .list-n { width: 21px; background-position: 0 -70px;}
.mdc-nav .list-y, .mdc-nav .list-n a { width: 21px; height: 30px; display: block;}
.mdc-nav .gallery-n { width: 20px; background-position: -30px -70px;}
.mdc-nav .gallery-y, .mdc-nav .gallery-n a { width: 20px; height: 30px; display: block;}
.mdc-nav .list-n:hover, .mdc-nav .list-y { background-position: 0 -103px;}
.mdc-nav .gallery-n:hover, .mdc-nav .gallery-y { background-position: -30px -103px;}
.gopg { float: right; padding: 0 4px; height: 30px; line-height: 30px;}
.gopg span { float: left; padding: 0 5px; color: #999;}
.gopg form { float: left; height: 30px; line-height: 30px;}
.gopg select { float: left; height: 30px; line-height: 30px; width: 50px; padding-left: 5px; outline: none; border: 1px solid #d3d3d4; color: #444; vertical-align: middle; box-sizing: border-box; cursor: pointer; box-shadow: 0 1px 1px 0 rgba(0,0,0,.08); border-radius: 3px;}
.page { float: right; padding: 0 15px;}
.page .p-pre, .page .p-next, .page .p-pre a, .page .p-next a, .page .p-bpre, .page .p-bnext, .page .p-bpre a, .page .p-bnext a { float: left; display: block; background: #fff url(../images/page-ico.png) no-repeat;}
.page .p-pre, .page .p-next, .page .p-pre a, .page .p-next a { height: 20px; line-height: 20px; width: 20px; color: #999;}
.page .p-pre { margin-top: 5px; background-position: 0 0; margin-right: 5px;}
.page .p-next { margin-top: 5px; background-position: 0 -34px; margin-left: 5px;}
.page .p-pre a { background-position: -26px 0;}
.page .p-next a { background-position: -26px -34px;}
.page .p-pre a:hover { background-position: -52px 0;}
.page .p-next a:hover{ background-position: -52px -34px;}
.page .p-bpre, .page .p-bnext, .page .p-bpre a, .page .p-bnext a { height: 28px; line-height: 28px; width: 60px; box-shadow: 0 1px 1px 0 rgba(0,0,0,.08); border-radius: 3px;}
.page .p-bpre { background-position: 26px -764px; margin-right: 5px; border: 1px solid #d3d3d3;}
.page .p-bnext { background-position: 26px -738px; margin-left: 5px; border: 1px solid #d3d3d3;}
.page .p-bpre a { background-position: 26px -815px;}
.page .p-bnext a { background-position: 26px -789px;}
.page .p-bpre a:hover { background-position: -38px -815px;}
.page .p-bnext a:hover { background-position: -39px -789px;}
.page .p-num, .page .p-num em { float: left;}
.page .p-num em { padding: 0 6px; color: #666; font-size: 14px; font-weight: 700;}
.page .p-num a, .page .p-num .pgcur { float: left; font-size: 14px; height: 28px; line-height: 28px; width: 28px; margin: 0 3px; display: block; color: #666; text-align: center; border: 1px solid #d3d3d4; box-shadow: 0 1px 1px 0 rgba(0,0,0,.08); border-radius: 3px;}
.page .p-num a { background: #fafafa; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f6f6f6)); background: -moz-linear-gradient(top, #fff, #f6f6f6); background: -o-linear-gradient(top, #fff, #f6f6f6); background: linear-gradient(to bottom,#fff,#f6f6f6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6');}
.page .p-bpre:hover, .page .p-bnext:hover, .page .p-num a:hover { border-color: #aaa;}
.page .p-dis:hover { border-color: #d3d3d3;}
.page .p-num .pgcur { color: #fff; background: #f60; font-weight: bold; border-color: #f60;}
.brd-top { position: relative; max-width: 1240px; overflow: hidden;}
.brd-slider { float: left; width: 100%; height: 300px; position: relative; overflow: hidden;}
.brd-slider .sliderbox { position: relative; height: 300px; overflow: hidden;}
.slider .sliderbox li, .brd-slider .sliderbox li, .hbt-slider .sliderbox li, .inb-slider .sliderbox li, .tch-slider .sliderbox li { position: absolute; left: 0; top: 0;}
.brd-slider .sliderbox li { width: 1240px; left: 50%; margin-left: -620px;}
.sliderbox li a { display: block;}
.brd-slider .slidernav, .tch-slider .slidernav { position: absolute; left: 50%; margin-left: -84px; bottom: 15px; color: #fff;}
.brd-slider .slidernav li, .tch-slider .slidernav li { float: left; margin-left: 10px; z-index: 20;}
.brd-slider .slidernav li span, .tch-slider .slidernav li span { width: 11px; height: 11px; background: #fff; text-align: center; border-radius: 6px; display: block; cursor: pointer;}
.brd-slider .slidernav li.current span, .tch-slider .slidernav li.current span{ background: #f66907;}
.slider .prev, .slider .next, .tch-slider .prev, .tch-slider .next, .brd-slider .prev, .brd-slider .next, .tpr-list .prev, .tpr-list .next { position: absolute; top: 50%; margin-top: -25px; cursor: pointer; width: 50px; height: 50px; left: 0;  z-index: 10; display: none; background-color: rgba(0,0,0,0.2); border-radius: 0 25px 25px 0;}
.slider .prev:after, .slider .next:after, .tch-slider .prev:after, .tch-slider .next:after, .brd-slider .prev:after, .brd-slider .next:after, .tpr-list .prev:after, .tpr-list .next:after { content: ''; display: block; width: 8px; height: 14px; position: absolute; left: 25px; top: 50%; margin-top: -7px; background: url(../images/home-ico.png) 0 0 no-repeat;}
.slider .prev:after, .tch-slider .prev:after, .brd-slider .prev:after, .tch-slider .prev:after { left: 17px; background-position: 0 -66px;}
.slider .next, .tch-slider .next, .brd-slider .next { right: 0; left: auto; border-radius: 25px 0 0 25px;}
.slider .prev:hover, .tch-slider .prev:hover, .brd-slider .prev:hover, .slider .next:hover, .next:hover, .tch-slider .next:hover, .brd-slider .next:hover, .tpr-list .prev:hover, .tpr-list .next:hover { background-color: rgba(0,0,0,0.6);}
.brd-nav { height: 30px; line-height: 30px; padding: 6px 0; color: #666; background: #f9f9f9; margin-top: 30px;}
.sort, .pg-box { float: left; padding: 0 10px; width: 250px; font-size: 11px;}
.sort span { position: relative; border: 1px solid #d7d7d7; box-shadow: 0 1px 1px #ececec inset; padding-left: 10px; height: 22px; line-height: 22px; color: #999; margin-left: 5px; width: 150px; display: inline-block; background: #fff url(../images/page-ico.png) no-repeat 141px -132px; cursor: pointer; z-index: 5;}
.sort span ul { display: none; position: absolute; width: 160px; left: -1px; top: 21px; border: 1px solid #ddd; background: #fff; z-index: 10;}
.sort span ul li { padding-left: 10px; line-height: 22px;}
.sort span ul li:hover { background: #efefef;}
.sort span ul li a { color: #999; display: block;}
.sort span ul li a:hover {color: #f7694a;}
.sort span ul li:first-child { border-bottom: 1px solid #ddd;}
.sort span:hover ul { display: block;}
.pg-box-by, .pg-box-bn, .pg-box-pn, .pg-box-py, .pg-box-pyh { height: 22px; line-height: 22px; background: #fff url(../images/page-ico.png) no-repeat; border: 1px solid #d7d7d7; display: inline-block; margin: 3px 0;}
.pg-box-by, .pg-box-bn { width: 110px; padding: 0 10px; box-shadow: 0 1px 1px #ececec inset;}
.pg-box-by, .pg-box-bn:hover { background-position: 115px -230px;}
.pg-box-bn { background-position: 115px -182px;}
.pg-box-pn, .pg-box-py, .pg-box-pyh { padding-left: 12px; width: 65px; box-shadow: 0 1px 1px #ececec inset; border-left: none;}
.pg-box-pn { background-position: 58px -255px;}
.pg-box-pn a, .pg-box-py a, .pg-box-pyh a { display: block;}
.pg-box-pn:hover, .pg-box-py, .pg-box-pyh:hover { background-position: 58px -309px;}
.pg-box-py:hover, .pg-box-pyh { background-position: 58px -282px;}
.pg-box-by, .pg-box-py a, .pg-box-pyh a, .pg-box-pn:hover a, .pg-box-bn:hover a { color: #f06f57;}
.pg-cur { float: right; width: 80px; text-align: center;}
.pg-cur span{ font-size: 11px;}
.pg-cur i { color: #f06f57; font-weight: 700;}
.brd-con-nav a { font-size: 13px; font-weight: bold;}
.brd-con ul { position: relative; max-height: 3800px; overflow-x: hidden; overflow-y: auto;}
.brd-con li { background: url(../images/pro-ico.png) no-repeat -78px -30px;}
.brd-con li.m-hide { display: none;}
.brd-con li.br-btn { background: #fff; padding-left: 12px; cursor: pointer;}
.br-btn span { color: #aaa; position: relative;}
.br-btn span i { background: url(../images/page-ico.png) no-repeat -62px -350px; position: absolute; color: #999; width: 10px; height: 5px; display: block; right: -18px; top: 5px; opacity: 0.7;}
.btn-down span i { background-position: -62px -374px;}
.brd-bot { margin: 80px auto 50px; border-top: 1px solid #eee; padding: 10px 0 30px; max-width: 1500px;}
.md-wrap { float: left; width: 100%;}
.main-inner { padding-left: 260px; overflow: hidden;}
.mdc-nav { min-height: 30px; line-height: 30px; padding: 0 0 10px;}
.mdc-nav h1 { float: left; font-size: 18px;}
.mdc-top { float: right;}
.mdc-sort { float: left; padding: 0 10px; width: 260px;}
.mdc-sort span { position: relative; border: 1px solid #b0b0b0; padding-left: 10px; height: 28px; line-height: 28px; color: #999; margin-left: 5px; width: 160px; display: inline-block; box-shadow: 0 0 0 #F36F36 inset, 0 3px 0 0 #f2f2f2; background: #fff url(../images/page-ico.png) no-repeat 152px -712px; cursor: pointer; z-index: 5; border-radius: 3px;}
.mdc-sort ul { display: none; position: absolute; width: 170px; left: -1px; top: 27px; border: 1px solid #b0b0b0; background: #fff; z-index: 10; border-radius: 0 0 3px 3px;}
.mdc-sort li { padding-left: 10px; line-height: 26px;}
.mdc-sort li:hover { background: #efefef;}
.mdc-sort li a { color: #999; display: block;}
.mdc-sort li:first-child { border-bottom: 1px solid #b0b0b0;}
.mdc-sort span:hover ul { display: block;}
.mdc-gallery ul { width: 102%; padding: 20px 0 5px; margin-right: -2%; margin-bottom: 20px; border-bottom: 1px solid #eee; overflow: hidden;}
.mdc-gallery .mdc-br { border: none; margin-bottom: 0;}
.mdc-gallery ul li, .sch-gallery ul li { float: left; position: relative; padding: 10px 29px; width: 241px; margin-top: 5px; margin-right: 12px; height: 395px; border: 1px solid #fff; transition: box-shadow .25s linear; border-radius: 3px;}
.mdc-gallery ul li:hover { border-color: #bbb; box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
.mdc-gallery .item-title { padding-top: 10px; height: 36px; line-height: 18px; overflow: hidden;}
.mdc-gallery .item-title a, .item-info .item-title a, .mdc-bot-con ul li a { color: #3b4351; display: block; font-size: 13px;}
.mdc-gallery .item-title a:hover, .item-info .item-title a:hover, .mdc-bot-con ul li a:hover, .prn-box .sliderbox .pr-title a:hover { color: #ff7519; text-decoration: underline;}
.mdc-gallery .item-price, .prn-box .item-price, .sch-gallery .item-price { margin: 7px 0 2px; line-height: 20px;}
.mdc-gallery .item-oprice { margin-bottom: 2px; position: relative;}
.mdc-price { display: inline-block; color: #d21f30; font-size: 14px; font-weight: 700; margin-right: 15px; vertical-align: top;}
.mdc-price i { margin-right: 2px;}
.mdc-off { display: inline-block; color: #fff; background: #d4232b; padding: 0 12px; vertical-align: top;}
.item-oprice del, .prn-box .sliderbox .pr-oprice del { line-height: 18px; color: #999;}
.mdc-gallery .item-cart, .sch-gallery .item-cart { position: absolute; left: 0; bottom: 18px; width: 299px; height: 32px; line-height: 32px; display: none; overflow: hidden;}
.mdc-gallery .item-form, .sch-gallery .item-form { width: 235px; padding: 0 29px; height: 32px; display: block;}
.mdc-cart, .mdc-out { display: block; text-align: center; cursor: pointer; border: none; box-sizing: border-box; font-size: 12px; height: 32px; width: 100%; color: #fff; background-color: #f57224; border-radius: 2px; -webkit-transition: all 0.2s; transition: all 0.2s; text-transform: uppercase;}
.mdc-cart:hover { background-color: #e16516;}
.mdc-out { color: #ccc; background: #eee; cursor: not-allowed;}
.mdc-gallery li:hover .item-cart { display: block;}
.mdc-list ul, .sch-list ul { overflow: hidden; padding: 10px 0; width: 100%;}
.mdc-list ul li, .sch-list ul li { float: left; height: 240px; width: 99.5%; border: 1px solid #fff; border-top-color: #ddd; padding: 7px 0; transition: box-shadow .25s linear;}
.mdc-list ul li:first-child, .sch-list ul li:first-child { border-top-color: #fff;}
.mdc-list ul li:hover, .sch-list ul li:hover { box-shadow: 2px 2px 4px rgba(0,0,0,.13); border-color: #ddd;}
.mdc-list .item-img, .sch-list .item-img { float: left; width: 21%; height: 240px; margin-left: 0.5%;}
.mdc-list .item-info, .sch-list .item-info { float: left; width: 55%; height: 240px; margin: 0 5% 0 3%;}
.item-info .item-title { margin-top: 20px; line-height: 30px; font-family: Verdana, Geneva, sans-serif;}
.item-info .item-ship { color: #555; font-size: 11px;}
.mdc-list .item-price, .sch-list .item-price { float: left; width: 14%; margin-top: 25px; line-height: 20px;}
.mdc-list .item-price del, .sch-list .item-price del { display: block; margin-top: 5px; line-height: 16px; color: #4c4849;}
.main-box { float: left; margin-left: -100%; width: 230px; padding: 5px 0;}
.main-box-nav { float: left; width: 216px; padding: 8px 0 0 12px; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold; color: #666; border: 1px solid #f0f0f0; border-bottom: none;}
.brd-con, .mdc-con { float: left; width: 218px; padding: 8px 0 30px 10px; border: 1px solid #f0f0f0; border-top: none;}
.brd-con-nav, .mdc-con-nav { line-height: 20px; position: relative; color: #656D78; padding-left: 10px;}
.mdc-con dt { padding: 3px 15px 5px 15px; position: relative;}
.mdc-con dt a, .mdc-con dt span{ color: #f66907; font-weight: bold;}
.brd-con li, .mdc-con dd { line-height: 24px; padding-left: 20px; position: relative; max-height: 48px; overflow: hidden;}
.brd-con a, .mdc-con-nav a, .mdc-con dd a { color: #656D78;}
.brd-con a:hover, .mdc-con-nav a:hover, .mdc-con dt a:hover, .mdc-con dd a:hover { color: #f66907; text-decoration: underline;}
.mdc-con .mdc-act a { font-weight: bold; color: #333;}
.brd-con-nav i, .mdc-con-nav i, .mdc-con dt i, .mdc-con dd i { display: block; position: absolute; overflow: hidden; background: url(../images/pro-ico.png) no-repeat;}
.brd-con-nav i { width: 8px; height: 4px; top: 8px; left: -2px; background-position: -84px -124px;}
.mdc-con-nav i { width: 4px; height: 8px; left: -1px; top: 6px; background-position: -87px -508px;}
.mdc-con dt i { width: 4px; height: 8px; left: 3px; top: 6px; background-position: -87px -508px;}
.mdc-con dd i { width: 4px; height: 4px; left: 10px; top: 10px; background-position: -89px -37px;}
.mdc-hot { float: left; width: 228px; border: 1px solid #f0f0f0; margin-top: 30px;}
.mdc-hot-nav { float: left; width: 228px; color: #666; background: #f2f2f2; height: 40px; line-height: 40px; font-size: 13px; font-weight: bold; text-align: center;}
.mdc-hot ul { float: left; width: 208px; padding: 10px 10px 20px;}
.mdc-hot li, .mdc-hot p { float: left;}
.mdc-hot li { border-bottom: 1px dashed #eee; padding: 10px 0;}
.mdc-hot li:last-child { border: none;}
.mdc-hot-img { width: 55px; height: 55px; border: 1px solid #e8e8e8; margin-right: 5px;}
.mdc-hot-img:hover { border-color: #ddd; box-shadow: 0 1px 2px #ddd;}
.mdc-hot-tit { width: 144px; height: 36px; line-height: 18px; font-size: 11px; overflow: hidden;}
.mdc-hot-tit a { display: block; color: #656D78;}
.mdc-hot-tit a:hover { text-decoration: underline;}
.mdc-hot-price { width: 144px; height: 19px; line-height: 19px; color: #f60;}
.mdc-tpn { float: left; width: 230px; margin-top: 20px;}
.mdc-tpn-nav { float: left; width: 230px; color: #333; height: 30px; line-height: 30px; font-weight: bold; border-bottom: 2px solid #333;}
.mdc-tpn ul { float: left; width: 230px; padding: 10px 0;}
.mdc-tpn li { float: left; width: 230px; padding: 10px 0; text-align: center;}
.mdc-tpn li:hover { transition: 0.5s; transform: translateY(-5px);}
.prn-nav { font-size: 16px; font-weight:bold; margin-top: 50px; height: 40px; line-height: 40px;}
.prn-box { position: relative; height: 290px; overflow: hidden; margin-bottom: 50px; border: 1px solid #eee; background-color: #f8f8f8;}
.prn-box .sliderbox { width: 2470px; position: absolute; padding: 0 44px; top: 20px; left: 0;}
.prn-box .sliderbox li { float: left; width: 237px;}
.md-con .prn-box .sliderbox { width: 2912px;}
.md-con .prn-box .sliderbox li { width: 208px;}
.prn-box .sliderbox li p { padding: 0 0 0 5px;}
.prn-box .sliderbox .pr-img { transition: .4s;}
.prn-box .sliderbox .pr-img:hover { transform: translateX(-10px);}
.prn-box .sliderbox .pr-img a { border: 1px solid #e5e5e5; width: 160px; height: 160px; overflow: hidden;}
.prn-box .sliderbox .pr-title a { width: 170px; display: block; overflow: hidden; height:32px; line-height: 16px; padding-top: 10px; color: #3b4351;}
.prn-box .prev, .prn-box .next { position: absolute; width: 15px; height: 25px; left: 10px; top: 110px; background: url(../images/page-ico.png) no-repeat -27px -952px; cursor: pointer;}
.prn-box .next { left: auto; right: 10px; background-position: -27px -914px;}
.prn-box .prev:hover { background-position: 0 -952px;}
.prn-box .next:hover { background-position: 0 -914px;}
.bt-nav { color: #666; margin-top: 40px; margin-bottom: 9px; line-height: 30px; font-weight: 700; display: block; font-size: 16px; font-family: Arial, Helvetica, sans-serif;}
.bt-desc, .bt-desc a { color: #888; font-size: 13px;}
.bt-desc a:hover { color: #e71; text-decoration: underline;}
.pro-wrap { float: left; width: 100%; padding: 15px 0;}
.pro-images { float: left; padding: 15px 0 0 30px; width: 602px; margin-left: -100%; position: relative; z-index: 2;} /********/
.pro-minimg { float: left; width: 52px; height: 500px; margin-right: 38px;} /***********/
.pro-imgup, .pro-imgdown, .pro-rate, .pro-rate-act, .rvw-rate, .rvw-rate-act, .pro-nav .pro-ask, .currency, .tool-text i, .pro-vb i, .dtl-imgup, .dtl-imgdown { background: url(../images/pro-ico.png) no-repeat;}
.pro-imgup { background-position: 17px -372px; width: 52px; height: 15px; cursor: pointer;}
.pro-imgdown { background-position: -26px -366px; width: 52px; height: 15px; cursor: pointer;}
.pro-imgcon { width: 62px; height: 460px; overflow: hidden; position: relative;} /*******/
.pro-imgcon ul { position: absolute; width: 52px; left: 0; top: 0;}
.pro-imgcon li { margin-bottom: 6px; width: 48px; height: 48px; padding: 1px; border: 1px solid #ddd; position: relative;}
.pro-imgcon .img_on { padding: 0; border: 2px solid #f60;}
.pro-imgcon .arrow { display: none; width: 0; height: 0; line-height: 0; border-width: 5px; border-style: dashed; border-color: transparent; vertical-align: middle; border-left-style: solid; border-left-color: #F60; position: absolute; top: 21px; left: 50px; z-index: 100;}
.pro-imgcon .img_on .arrow { display: inline-block;}
.pro-bigimg { float: left; width: 482px; height: 520px; overflow: hidden; position: relative; cursor: pointer;}
.pro-bigimg span { display: block; position: absolute; z-index: 2; border: 1px solid #eee;}
.pro-bigimg .img_current { z-index: 5;}
.pro-bigimg .img_video { z-index: 8; width: 480px; padding: 104px 0; background-color: #000;}
.pro-bigimg .loadimg { display: none; z-index: 10; width: 480px; height: 480px; background: rgba(255,255,255,.3) url(../images/loading.gif) center center no-repeat;}
.pro-bigimg .pro-vb { border: none; width: 420px; left: 0; bottom: 0; padding-top: 4px; height: 24px; line-height: 24px; color: #999; text-align: center; font-size: 11px;}
.pro-vb i { display: inline-block; width: 12px; height: 100%; margin-right: 5px; background-position: -80px -1303px; vertical-align: top;}
.pro-info { padding: 0 255px 30px 641px; margin-right: 30px; position: relative;}
.pro-info h1 { font-size: 19.3px; line-height: 20px; font-weight: normal;}
.sub-tit { padding: 5px 0 0 0; font-size: 13px; color: #e66608; line-height: 20px;}
.pro-nav { height: 28px; line-height: 28px; padding: 3px 0 5px; max-width: 1101px; overflow: hidden;}
.pro-nav a, .pro-nav span { float: left; height: 28px; color: #999;}
.pro-nav del { float: left; margin: 7px 12px; width: 1px; height: 14px; background: #999;}
.pro-rate { width: 70px; height: 28px; background-position: 0 -327px; margin-right: 5px;}
.pro-rate-act { display: block; height: 28px; background-position: 0 -300px;}
.pro-nav .pro-ask { padding-left: 20px; background-position: -80px -137px; color: #666;}
.pro-nav .avi-btn:hover,  .pro-nav .pro-ask:hover { color: #f60;}
.pro-disc { height: 24px; line-height: 24px; padding: 15px 0 0 16px; background-color: #f9f9f9; max-width: 950px;}
.pro-disc-none { height: 16px; background-color: #f9f9f9; max-width: 966px;}
.del-price { height: 36px; line-height: 36px; padding: 3px 0 0 16px; background-color: #f9f9f9; max-width: 950px;}
.pro-comm { padding: 5px 10px 20px 111px; line-height: 18px; color: #222; position: relative; font-size: 1.0833em; background-color: #f9f9f9; max-width: 920px;}
.pro-comm span { position: absolute; left: 16px; top: 5px; display: block; height: 18px; color: #f00; width: 100px; vertical-align: top; font-weight: normal; font-size: 12px;}
.pro-comm em { display: block; max-width: 840px;}
.pro-price-pnv, .price, .pro-del, .pro-color span, .pro-size em, .pro-size span, .pro-size i, .pro-qty span, .pro-sto span, .pro-tools span, .pro-qty strong, .pro-disc span, .pro-disc strong { display: block; float: left;}
.pnv-tit { color: #666; width: 100px;}
.pro-price-pnv { color: #666; width: 95px; height: 36px; line-height: 44px;}
.pro-price { height: 36px; line-height: 36px; padding: 0 0 10px 16px; background-color: #f9f9f9; max-width: 950px;}
.currency { float: left; height: 30px; line-height: 32px; margin-top: 5px; padding-left: 3px; width: 72px; font-size: 19px; color: #656d78; background-position: 60px 13px; position: relative; border: 1px solid #f9f9f9; border-radius: 3px 3px 0 0; cursor: pointer;}
.currency ul { position: absolute; width: 75px; padding-bottom: 5px; border: 1px solid #999; font-size: 12px; overflow: hidden; display: none; top: 27px; left: -1px; background: #fff; z-index: 30; border-radius: 0 3px 3px 3px; box-shadow: 0 3px 7px rgba(0,0,0,0.3);}
.currency:after { content: ""; display: block; position: absolute; overflow: hidden; background: #f9f9f9; width: 75px; height: 4px; left: 0; top: 25px; z-index: 50;}
.currency:hover { border-color: #999; background-color: #fff; box-shadow: 0 3px 7px rgba(0,0,0,0.3); background-position: 60px -9px;}
.currency:hover:after { background: #fff;}
.currency:hover ul { display: block;}
.currency ul li { float: left; padding: 0 5px; line-height: 24px; width: 65px;}
.currency ul li:hover { background: #f5f5f5;}
.currency ul li a { float: left; display: block;}
.currency ul li:hover a { color: #f66907;}
.currency ul li span { float: left; width: 30px;}
.currency ul li i { float: left; color: #aaa;}
.price { font-size: 34px; color: #f60;}
.pro-del { font-size: 16px; line-height: 20px; padding-left: 12px; color: #999;}
.pro-off { font-weight: bold;}
.pro-off span { display: inline-block; line-height: 20px; background-color: #e62e04; border-radius: 3px; color: #fff; padding: 0 15px;}
.pro-color { padding: 15px 0 10px 16px;}
.pro-color .pnv-tit { float: left; line-height: 40px;}
.pro-size, .pro-sto { line-height: 30px; padding: 10px 0 0 16px; position: relative;}
.pro-size { padding-top: 10px;}
.pro-size span { cursor: pointer;}
.pro-size .size-note { display: none; color: #f00; font-weight: 700; padding-left: 20px; background: url(../images/pro-ico.png) no-repeat -76px -1215px;}
.pro-color a, .pro-size .size { float: left; line-height: 20px; padding: 3px 10px; border: 1px solid #ccc; margin: 1px 11px 1px 1px; text-transform: uppercase; color: #656d78;}
.pro-color a:hover, .pro-size .size:hover { border: 1px solid #f50;}
.pro-color .all-show { float: left; width: 82%; overflow: hidden;}
.pro-color .pro-sc, .pro-size .size-on { line-height: 20px; padding: 3px 10px; margin: 0 10px 0 0; text-transform: uppercase; position: relative; border: 2px solid #f50; color: #555; border-radius: 3px;}
.pro-color .pro-scimg { padding: 0;}
.pro-size .size-on:hover { border: 2px solid #f50;}
.pro-color .pro-sc:after, .pro-size .size-on:after { content:""; background: url(../images/pro-ico.png) no-repeat 0 -183px; position: absolute; width: 13px; height: 13px; bottom: -1px; right: -2px;}
.pro-ship { height: 60px; position: relative; z-index: 8; padding: 4px 0 0 16px;}
.pro-ship-tit { float: left; padding-left: 12px; height: 36px; line-height: 36px;}
.pro-ship-tit em { text-decoration: underline; cursor: pointer;}
.pro-ship-desc { float: left; height: 20px; line-height: 20px; padding-left: 100px; color: #888;}
.swc-tit { float: left; width: 100px; height: 60px; line-height: 24px;}
.pro-ship .switch-country { width: 70%;}
.swc-text { float: left; width: 70%; height: 24px; line-height: 24px;}
.swc-text em { font-weight: 700; color: #666; font-size: 1.0833em;}
.swc-ship { float: left; line-height: 36px; padding-right: 10px;}
.swc-ship strong { color: #333; font-size: 1.0833em;}
.ship-dialog .sd-ban, .sd-tit { color: #333; font-size: 14px; font-weight: 700;}
.sd-cty { height: 32px; padding: 15px 0 25px;}
.cty-con { padding: 3px 0; height: 24px; line-height: 24px; border: 1px solid #eee; width: 150px;}
.cty-con .litb-icon-flag { margin: 4px 5px 0 10px; width: 16px; height: 13px;}
.cty-con .cty-name { font-size: 14px;}
.sd-tit { height: 50px; line-height: 50px; border-top: 1px solid #ddd;}
.sd-wrap { margin-top: 10px;}
.sd-wrap .sd-ship { border-bottom: 1px solid #eee; cursor: pointer;}
.sd-wrap .sd-lst { border: none;}
.sd-wrap li { float: left; width: 20%; height: 36px; line-height: 36px;}
.sd-wrap li:first-child, .sd-wrap .sd-mdl { width: 30%;}
.sd-wrap .sd-ulf { border-top: 2px solid #ddd; background-color: #f5f5f5; height: 50px; margin-bottom: 10px;}
.sd-wrap .sd-ulf li { height: 50px; line-height: 50px;}
.sd-wrap .sd-ulf li:first-child { text-indent: 32px;}
.sd-wrap li lable { display: inline-block; width: 16px; height: 16px; border: 1px solid #9c9c9c; border-radius: 50%; vertical-align: text-bottom; margin: 0 10px 0 5px;}
.sd-wrap li:hover lable { border-color: #f60;}
.sd-wrap .sd-ship:hover { color: #f60; background-color: #f9f9f9;}
.sd-wrap .now { color: #f60;}
.sd-wrap .now lable { width: 8px; height: 8px; border: 5px solid #f60;}
.pro-prm { padding: 0 0 18px 16px; background-color: #f9f9f9; max-width: 950px; position: relative;}
.pro-prm span, .pro-prm .pnv-tit { float: left; height: 30px; line-height: 30px;}
.prm-info { height: 28px; line-height: 28px; border: 1px dashed #f90; padding: 0 10px; border-left: 3px solid #f90; cursor: pointer; position: relative;}
.prm-info strong { color: #f60; font-weight: normal;}
.hdr-jt2 { display: inline-block; margin-left: 6px; border-width: 4px; border-style: solid; border-color: #333 transparent transparent; height: 0; width: 0; vertical-align: text-bottom;}
.prm-info em { display: none; position: absolute; height: 28px; line-height: 28px; width: 100%; background-color: #f9f9f9; z-index: 10; border: 1px dashed #f90; left: -3px; top: 29px; border-top: none; border-left: 3px solid #f90; text-indent: 10px; padding-bottom: 3px;}
.prm-info:hover em { display: block;}
.pro-qty { margin-top: 15px; padding-left: 16px; height: 32px; line-height: 32px;}
.pro-qty strong { padding-left: 15px; color: #666;}
.pro-pe { color: #888; padding-left: 5px;}
.pro-qty input { float: left; border: 1px solid #ccc; color: #000; width: 50px; height: 30px; line-height: 30px; text-align: center;}
.pro-qty input:focus { border:solid 1px #92bbda;}
.qty_down, .qty_up { height: 32px; width: 27px; cursor: pointer; background: url(../images/pro-ico.png) no-repeat;}
.qty_down { background-position: -40px -99px;}
.qty_on { background-position: 0 -99px;}
.qty_up { width: 29px; background-position: 0 -65px;}
.pro-sto .sto { color: #666; font-weight: 700;}
.pro-gt { padding-left: 3px;}
.pro-gt strong, .pro-sto a { color: #555;}
.pro-sto a:hover { color: #f66907; text-decoration: underline;}
.pro-cart { margin: 20px 0 0 16px; padding: 0 0 20px; position: relative; border-bottom: 1px solid #f2f2f2;}
.pro-cart .addcart, .pro-cart .buynow { display: inline-block; cursor: pointer; border: 1px solid #ff5400; box-sizing: border-box; font-size: 19px; padding: 0 35px; height: 50px; line-height: 50px; color: #fff; text-align: center; border-radius: 3px; vertical-align: middle; -webkit-transition: all .2s ease; transition: all .2s ease;}
.pro-cart .addcart { background-color: #fef0e5; border-color: #f5ba9c; color: #fe5301;}
.pro-cart .buynow { background-color: #ff5400; margin-right: 16px; padding: 0 45px;}
.fix-btn:hover { box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);}
.pro-cart .addcart:hover, .pro-cart .buynow:hover { background-color: #ff8400; border-color: #ff8400; color: #fff;}
.flyer-img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; z-index: 9999;}
.pro-cart .fav-add { display: inline-block; margin-left: 30px; height: 30px; line-height: 30px; vertical-align: middle; position: relative; padding-left: 25px; color: #333; cursor: pointer;}
.pro-cart .fav-add:hover { color: #ec7612;}
.fav-icon { position: absolute; display: block; width: 17px; height: 16px; left: 2px; top: 8px; background: url(../images/page-ico.png) no-repeat -55px -920px;}
.fav-icon-on .fav-icon { background-position: -55px -957px; -webkit-animation: addfavor .5s ease; animation: addfavor .5s ease;}
.fav-add span { color: #999; margin-left: 3px;}
.pro-tools { margin: 0 0 0 16px; height: 52px; max-width: 1085px;}
.pro-tools .mon, .pro-tools .pal { background: url(../images/pay-ico.png) no-repeat 0 -44px; width: 148px; height: 52px;}
.pro-tools .pal { width: 250px; background-position: 0 15px;}
.pro-fr { position: absolute; top: 0; right: 0; border: 1px solid #e8e8e8; width: 228px; border-radius: 4px;}
.pro-fr span { padding: 0 12px 0 16px; display: block;}
.pfr-nav { text-align: center; height: 45px; line-height: 45px; background-color: #fafafa; font-size: 13px; color: #666; border-radius: 4px 4px 0 0;}
.tool-text { height: 28px; line-height: 28px; color: #777; cursor: pointer;}
.tool-text:hover { background-color: #f9f9f9; color: #f60;}
.prt-ico { margin: 30px 0 10px;}
.sec-ico, .ret-ico { margin-top: 12px;}
.err-ico { margin: 12px 0 30px;}
.tool-text i { float: left; display: block; height: 28px; width: 30px;}
.tax-ico i { background-position: 0 -218px;}
.sec-ico i { background-position: -46px -143px;}
.ret-ico i { background-position: -37px -217px;}
.err-ico i { background-position: 0 -260px;}
.prt-ico i { background-position: -37px -260px;}
.pro-rmd { margin: 0 30px; height: 42px; border-bottom: 1px solid #ededed;}
.pro-rmd span { float: left; display: block; height: 41px; line-height: 41px; color: #666; font-weight: 700; font-size: 15px; position: relative; border-bottom: 1px solid #f60;}
.rvw-nav span, .qst-nav span { margin-left: 10px; float: left; display: block; padding: 0 30px; height: 40px; line-height: 40px; color: #F60; font-size: 15px; position: relative; border-top: 2px solid #f60; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.cob-list { margin: 0 30px; overflow: hidden; height: 275px; position: relative;}
.rmd-list { margin: 0 30px; position: relative; height: 275px; padding: 15px 34px 0 29px;}
.cob-list .rmd-list { margin: 0 340px 0 260px;}
.rmd-cob, .rmd-col { position: absolute; height: 270px; width: 225px; left: 0; top: 15px;}
.rmd-col { width: 220px; left: auto; right: 25px;}
.cob-img { height: 112px; width: 220px; overflow: hidden; position: relative;}
.cob-img ul { position: absolute; bottom: 0; left: 0; max-height: 112px; width: 220px; overflow: hidden;}
.cob-img li { position: relative; float: left; width: 42px; height: 42px; border: 1px solid #ebebeb; border-radius: 2px; margin-right: 10px; margin-top: 12px; position: relative;}
.cob-img li em { display: none; position: absolute; width: 19px; height: 18px; top: -9px; right: -9px; background: url(../images/pro-ico.png) no-repeat -40px -1884px; cursor: pointer;}
.cob-img li:hover em, .cob-show { display: block;}
.cob-text { line-height: 20px; font-size: 14px; margin-top: 16px;}
.cob-text span { display: block;}
.cob-text em, .cob-text strong { color: #f60;}
.cob-add { margin-top: 30px; height: 30px; line-height: 30px;}
.cob-add span { padding: 8px 25px; background-color: #f60; border-radius: 3px; color: #fff; cursor: pointer;}
.cob-add span:hover { background-color: #cc5200;}
.cob-plus { position: absolute; width: 20px; height: 212px; left: 200px; top: 0;}
.cob-plus span { position: absolute; display: block; top: 50%; left: 50%; width: 17px; height: 3px; background: #999; margin-left: -8.5px; margin-top: -1.5px;}
.cob-plus i { position: absolute; display: block; top: 50%; left: 50%; width: 3px; height: 17px; background: #999; margin-left: -1.5px; margin-top: -8.5px;}
.cob-sel { display: inline-block; width: 16px; height: 16px; margin-right: 10px; background: url(../images/pro-ico.png) no-repeat 0 -1886px; vertical-align: text-bottom; cursor: pointer;}
.cob-now { background-position: -17px -1886px;}
.rmd-col .cob-prev, .rmd-col .cob-next, .cob-hide { display: none;}
.cob-prev span, .cob-next span { display: block; width: 13px; height: 21px; position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -11px; background: url(../images/pro-ico.png) no-repeat -64px -1881px; cursor: pointer;}
.cob-next span { background-position: -79px -1881px;}
.cob-dia { padding-top: 40px; font-size: 14px; text-align: center; height: 30px; line-height: 30px;}
.cob-dia a { color: #f60;}
.cob-dia a:hover { text-decoration: underline;}
.rmd-bot { border: none;}
.rmd-box { position: relative; overflow: hidden; height: 275px; width: 100%;}
.rmd-list .slidernav, .prn-box .slidernav { display: none;}
.rmd-list .prev, .rmd-list .next { position: absolute; width: 37px; height: 54px; border: 1px solid #ddd; border-bottom-width: 4px; margin-top: -50px; top: 50%; background: #fdfdfd url(../images/pro-ico.png) no-repeat 12px -441px; cursor: pointer; left: -6px; border-radius: 3px; z-index: 10;}
.rmd-list .next { left: auto; right: -6px; background-position: 15px -493px;}
.rmd-list .prev:hover, .rmd-list .next:hover { background-position: -15px -441px;}
.rmd-list .next:hover { background-position: -13px -493px;}
.rmd-list .prev:active, .rmd-list .next:active { border-bottom-width: 1px; margin-top: -48px;}
.cob-list .rmd-list .prev, .cob-list .rmd-list .next { width: 15px; height: 25px; left: 0; top: 110px; background: url(../images/page-ico.png) no-repeat -27px -952px; margin-top: -15px; border: none; border-radius: 0;}
.cob-list .rmd-list .next { left: auto; right: 5px; background-position: -27px -914px;}
.cob-list .rmd-list .prev:hover { background-position: 0 -952px;}
.cob-list .rmd-list .next:hover { background-position: 0 -914px;}
.rmd-list .sliderbox { height: 270px; width: 3820px; position: absolute;}
.rmd-list .sliderbox li { float: left; height: 270px; width: 225px; position: relative;}
.cob-list .rmd-list .sliderbox li { width: 200px;}
.rcd-img { padding: 20px 15px 15px 20px;}
.rcd-tit { line-height: 15px; padding-left: 10px; padding-right: 40px; height: 30px; overflow: hidden;}
.rcd-tit a { display: block; color: #656D78;}
.rcd-pri { padding: 6px 10px 5px 10px;}
.rcd-pri span { font-size: 15px; color: #656d78; padding-right: 3px;}
.rcd-pri em { color: #f50; font-size: 18px; margin-right: 10px;}
.rcd-pri i { font-size: 12px;}
.rcd-pri del { color: #666; font-size: 13px;}
.rcd-off { position: absolute; display: block; width: 44px; height: 44px; line-height: 24px; text-indent: 7px; background: url(../images/pro-ico.png) no-repeat 0 -566px; top: 20px; left: 126px; color: #fff; font-size: 20px; font-style: italic;}
.rmd-list .avi-star { padding: 0 10px;}
.pro-dtl-nav { margin: 0 30px 0 285px;}
.dtl-nav { padding-left: 10px; border-bottom: 1px solid #ddd;}
.dtl-nav li { float: left; height: 40px; line-height: 40px; padding: 0 30px; background: #f2f2f2; font-weight: 700; font-size: 14px; color: #666; position: relative; cursor: pointer; border: 1px solid #ddd; box-sizing: border-box; border-bottom: none; margin-right: 5px;}
.dtl-nav li.dtl-on { border-top: 2px solid #f60; color: #f60; background: #fff;}
.dtl-nav li.dtl-on i, .rvw-nav i, .qst-nav i, .hm-now i, .hm-ico-nav .show i { position: absolute; width: 100%; height: 2px; background: #fff; display: block; z-index: 100; left: 0; bottom: -1px;}
.dtl-cur .dtl-nav li.dtl-on i { display: none;}
.dtl-left { float: left; margin-left: -100%; padding-top: 20px; width: 255px;}
.left-wrap { margin-left: 30px; border: 1px solid #eee;}
.left-nav { background: #F6F6F6; height: 40px; line-height: 40px; padding-left: 10px; color: #666; font-size: 14px; font-weight: bold;}
.ht-list { padding: 10px;}
.ht-list li { border-top: 1px dashed #dedede; position: relative; height: 300px;}
.ht-list li:first-child { border: none;}
.ht-list li img { padding: 10px 15px;}
.ht-list .ht-tit { height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ht-list .ht-pri span { color: #f60; line-height: 24px; font-size: 13px; font-weight: 700;}
.ht-list .ht-pri i { font-size: 12px;}
.ht-list .ht-pri del { display: block; color: #666;}
.ht-list .ht-off { position: absolute; right: 12px; bottom: 37px; color: #fff; background-color: #D4232B; padding: 0 10px; line-height: 20px;}
.ht-list .avi-star { padding: 6px 0 15px;}
.dtl-wrap { float: left; width: 100%; padding-top: 20px;}
.dtl-con { margin: 12px 30px 0 285px; display: none;}
.dtl-show { display: block;}
.dtl-full { margin-left: 25px;}
.dtl-desc { padding: 10px 5px; border: 1px solid #ddd; margin-left: 10px;}
.dtl-tit { padding: 20px 0 0 15px; font-size: 14px; font-weight: bold; color: #444;}
.dtl-protit { padding: 15px 0 10px 15px; font-size: 16px;}
.dtl-protit span { font-size: 17px; font-weight:bold; }
.dtl-desc ul { padding: 10px 30px;}
.dtl-desc ul li { line-height: 24px; list-style: disc; font-size: 13px; color: #555;}
.dtl-spec { padding-top: 10px; margin-left: 10px;}
.dtl-spec table { margin-top: 10px; width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px solid #ddd;}
.dtl-spec table td { border: 1px solid #ddd; height: 30px; vertical-align: middle; font-size: 13px;}
.dtl-spec table td.td-tit { width: 230px; text-align: right; padding-right: 15px; color: #888;}
.dtl-spec table td.td-des { padding-left: 15px;}
.dtl-spec table td a { text-decoration: underline;}
.dtl-ban { padding: 10px 10px 0 10px;}
.dtl-img { padding: 0 10px 20px 40px; position: relative;}
.dtl-img span { display: block; padding-top: 20px; background-color: #fff;}
.dtl-img img:hover { filter: alpha(opacity=98); opacity: 0.98;}
.dtl-ship { padding: 10px 5px 10px 15px;}
.dtl-vg { padding: 10px 5px 10px 10px;}
.dtl-ship .dtl-tit, .dtl-vg .dtl-tit { padding-left: 2px;}
.dsp-wrap { margin-top: 10px; border-top: 1px solid #ddd; overflow: hidden;}
.dsp-pbb { border-top: 1px solid #eee;}
.dsp-con { max-width: 1000px;}
.dsp-des { padding: 20px 2px; color: #656D78; line-height: 18px;}
.dsp-des a { text-decoration: underline;}
.dsp-des li { list-style: inside disc; line-height: 24px;}
.dsp-tit { font-size: 13px; font-weight: bold; color: #656D78; line-height: 24px; padding-left: 28px; position: relative;}
.dsp-list { position: absolute; left: 0; top: 2px; display: block; width: 18px; height: 18px; background: url(../images/pro-ico.png) no-repeat;}
.dsp-li01 { background-position: 0 -769px;}
.dsp-li02 { background-position: -23px -769px;}
.dsp-li03 { background-position: -46px -769px;}
.dsp-sec { padding: 5px 30px; color: #656D78;}
.dsp-sec .dsp-stp { display: block; line-height: 24px;}
.dsp-sec table { margin-top: 20px; width: 100%; border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc;}
.dsp-sec table td { border: 1px solid #ccc; height: 30px; vertical-align: middle; width: 33.33%; text-align: center;}
.dsptr-nav { background: #e6e6e6; color: #333; font-family: Verdana, Geneva, sans-serif;}
.dsp-sec .dsp-q, .off-nav .dsp-q { display: inline-block; box-sizing: border-box; width: 14px; height: 16px; vertical-align: middle; margin-left: 5px; cursor: pointer; background: url(../images/pro-ico.png) no-repeat -78px -771px; position: relative;}
.dsp-qtext { right: -11px; top: 22px; text-align: left; line-height: 16px; color: #999; position: absolute; width: 200px; padding: 15px; border: 1px solid #ccc; background: #fff; box-shadow: 3px 3px 4px rgba(0,0,0,.13); z-index: 10; display: none; }
.dsp-sbt { padding: 15px 0 20px; color: #555;}
.dsp-sbt i { color: #f00; padding-right: 5px;}
.dsp-qtext i { display: block; position: absolute; top: -7px; right: 10px; height: 10px; width: 14px; background: url(../images/pro-ico.png) no-repeat -78px -368px;}
.dsp-sec .dsp-q:hover .dsp-qtext, .off-nav .dsp-q:hover .dsp-qtext { display: block;}
.pdb0 { padding-bottom: 0;}
.dsp-pay { padding: 0 30px; height: 57px; background: url(../images/payment.jpg) no-repeat 10px 5px;}
.dsp-ptit { padding-top: 20px; font-size: 13px; font-weight: bold; color: #656D78; line-height: 24px;}
.dsp-psbt { padding: 15px 20px 15px 2px; color: #555; font-weight: bold;}
.dsp-pdes { padding: 5px 2px; color: #656D78; line-height: 30px;}
.dsp-pb { width: 1116px; margin-right: -50px; padding: 30px 0 20px 15px;}
.dsp-pb li { float: left; width: 322px; height: 320px; margin-right: 50px; background: rgba(240,238,232,0.2); box-shadow: 0 10px 40px 0 rgba(62,57,107,0.07), 0 2px 9px 0 rgba(62,57,107,0.06); border-radius: 5px; transition: all 500ms cubic-bezier(0.19,1,0.22, 1); cursor: pointer;}
.dsp-pb li:hover { box-shadow: 0 8px 18px rgba(0,0,0,0.2); transform: translate3d(0,-4px,0);}
.dsp-ico { margin-top: 20px; height: 59px; background: url(../images/pro-ico.png) no-repeat;}
.dsp-pb1 { background-position: 123px -816px;}
.dsp-pb2 { background-position: 128px -904px;}
.dsp-pb3 { background-position: 134px -988px;}
.dsp-pbtx { padding: 30px 20px 0 20px; color: #666;}
.dsp-pbtx strong { display: block; line-height: 18px; font-size: 16px; text-align: center; padding-bottom: 10px;}
.dsp-pbtx span { font-family: Verdana, Geneva, sans-serif; line-height: 18px;}
.dpr-tit { padding: 10px 10px 0 10px; font-size: 18px; font-weight: bold; line-height: 50px; color: #656D78;}
.dpr-des { padding: 0 10px; color: #656D78; line-height: 24px;}
.dpr-des p { max-width: 1000px;}
.dpr-subt { font-size: 16px; height: 40px; line-height: 40px; font-weight: bold; color: #656D78;}
.dpr-sub { font-size: 16px;}
.dvg-list { padding: 30px 0 20px;}
.dvg-list li { float: left; width: 20%; max-width: 220px; position: relative; cursor: pointer;}
.dvg-top { padding: 0 0 30px 55px;}
.dvg-ico { display: block; width: 85px; height: 85px; border: 1px solid #FF7F00; background: url(../images/pro-ico.png) no-repeat; border-radius: 50px; position: relative; z-index: 5; transition: scale 0.3s linear;}
.dvg-list li:hover .dvg-ico { background-color: #FF7F00;}
.vg1 { background-position: 25px -1061px;}
.dvg-list li:hover .vg1 { background-position: 25px -1500px;}
.vg2 { background-position: 28px -1126px;}
.dvg-list li:hover .vg2 { background-position: -35px -1126px;}
.vg3 { background-position: 25px -1188px;}
.dvg-list li:hover .vg3 { background-position: 25px -1556px;}
.vg4 { background-position: 25px -1253px;}
.dvg-list li:hover .vg4 { background-position: 25px -1442px;}
.vg5 { background-position: 26px -1323px;}
.dvg-list li:hover .vg5 { background-position: -34px -1323px;}
.vg6 { background-position: 25px -1616px;}
.dvg-list li:hover .vg6 { background-position: 25px -1680px;}
.dvg-jt { position: absolute; width: 38px; height: 17px; background: url(../images/pro-ico.png) no-repeat 0 -1418px; right: -10px; top: 34px;}
.dvg-ico:after { position: absolute; content: ""; display: block; width: 103px; height: 103px; border: 1px solid #FF7F00; border-radius: 50%; top: -8px; left: -10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; z-index: -1; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; transition: all 0.3s linear;}
.dvg-list li:hover .dvg-ico:after { -webkit-transform: scale(1); transform: scale(1); opacity: 1;}
.dvg-desc strong { display: block; padding: 0 25px 20px 0; font-size: 14px; text-align: center;}
.dvg-desc span { display: block; padding-left: 15px; color: #888; line-height: 18px;}
.dtl-fix { width: 100%;}
.dtl-cur { position: fixed; top: 0; background: #f9f9f9; border-bottom: 1px solid #ddd; z-index: 1500; -webkit-transform: translateZ(0); box-shadow: 0 0 5px #bdbdbd;}
.dtl-cur .pro-dtl-nav { margin: 0;}
.dtl-cur .dtl-nav { padding: 0 30px; border: none;}
.dtl-cur .dtl-nav li { border: none; padding: 0 2%; height: 50px; line-height: 50px; background: #f9f9f9; font-weight: 300; overflow: hidden; vertical-align: middle;}
.dtl-cur .dtl-nav li.dtl-on { border-left: 1px solid #ddd; line-height: 46px; border-right: 1px solid #ddd; border-top: 2px solid #f60; background: #fff; font-weight: 700;}
.dtl-cur .dtl-nav li.dtl-on:before { content: ' '; display: block; border-width: 5px; border-style: solid; border-color: #f60 transparent transparent; width: 0; height: 0; position: absolute; top: -1px; left: 50%; margin-left: -5px;}
.fix-btn { display: none; position: absolute; padding-left: 28px; width: 200px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; height: 45px; line-height: 45px; background: #f60 url(../images/pro-ico.png) no-repeat -45px 8px; cursor: pointer; border-radius: 3px; top: 2px; right: 30px;}
.rvw-nav { margin: 30px 30px 0 30px; height: 42px; border-bottom: 1px solid #ddd;}
.rvw-nav span, .qst-nav span { color: #444; font-weight: 700;}
.rvw-main { margin: 0 30px 30px 30px;}
.rvw-wrap, .qst-wrap { padding-top: 20px; overflow: hidden;}
.rvw-nscore { float: left; width: 210px; height: 135px; margin: 0 30px 0 20px; border-right: 1px solid #eee;}
.ns-score { padding: 30px 0 0; height: 30px; font-size: 16px;}
.ns-score em { color: #ff8a00; font-size: 30px;}
.rvw-nscore .rvw-cursc { height: 36px; line-height: 36px; position: relative;}
.ns-rvw { float: left; padding: 47px 0 0 65px; font-size: 14px; font-weight: 700;}
.ns-rvw a { display: inline-block; height: 38px; line-height: 38px; padding: 0 25px; border: 1px solid #333; color: #333; margin-right: 25px; transition: 0.2s;}
.ns-rvw a:hover { border-color: #ff8a00; color: #ff8a00;}
.ns-rvw span { display: inline-block; height: 40px; line-height: 40px; padding: 0 30px; color: #fff; background-color: #ff8a00;}
.rvw-score { float: left; padding-left: 110px;}
.rvw-score div { line-height: 34px; color: #888; font-size: 16px;}
.rvw-post { margin-top: 8px;}
.rvw-score .rvw-ita, .rvw-con { color: #666; font-size: 13px;}
.rvw-score .rvw-cursc { height: 36px; line-height: 36px; position: relative; padding-left: 135px;}
.rvw-cursc a { color: #888;}
.score { position: absolute; display: block; left: 0; top: 0; width: 130px; height: 36px; background: url(../images/star.png) repeat-x 0 -41px;}
.score i { display: block; height: 36px; background: url(../images/star.png) repeat-x 0 5px;}
.rvw-score em { font-size: 20px; color: #f60; font-weight: bold; padding-right: 5px;}
.rvw-button { cursor: pointer; display: block;}
.rvw-btn2 { margin-top: 5px; display: block; height: 40px; line-height: 40px; width: 190px; font-size: 14px; text-align: center; color: #fff; border-radius: 5px; font-weight: bold;}
.rvw-tit { margin: 20px 0 0 0; height: 40px; line-height: 40px; border-bottom: 1px solid #ff8a00; font-size: 16px; font-weight: bold; color: #555; background-color: #f9f9f9;}
.rvw-tit span { display: inline-block; padding: 0 20px; background-color: #ff8a00; color: #fff;}
.rvw-list > li { border-bottom: 1px solid #eee; overflow: hidden;}
.rvw-note-tit { margin-top: 5px; color: #555;}
.rvw-note-tit span { display: block; padding-bottom: 2px; height: 20px; line-height: 20px; font-weight: bold; color: #555; text-transform: capitalize;}
.rvw-note { float: left; line-height: 16px; padding: 20px 0 20px 0; max-width: 820px; min-height: 130px;}
.res-list { margin-top: 10px; padding: 5px; background: #fafafa;}
.rvw-rps-note { height: 30px; line-height: 30px; padding: 0 10px; min-width: 800px; color: #666;}
.rvw-rps-note em { color: #e71; padding-right: 5px; font-weight: 700;}
.rvw-rps-note i { color: #999; padding-right: 5px;}
.rvw-rps-note span, .rvw-nd i { color: #999; padding-left: 5px;}
.res-more, .res-less { font-size: 11px; height: 30px; line-height: 30px; padding-left: 10px; color: #f60; cursor: pointer;}
.res-more i, .res-less i { color: #999; padding-right: 3px; font-weight: bold;}
.res-less { display: none;}
.rvw-rps { height: 25px; padding-top: 20px;}
.rvw-rps .rs-btn { display: inline-block; line-height: 23px; box-shadow: 0 2px 1px rgba(6,0,1,.13); border: 1px solid #aaa; padding: 0 10px 0 27px; border-radius: 3px; font-size: 11px; cursor: pointer; position: relative;}
.rvw-rps .rs-btn:hover { box-shadow: 0 0 0 #fff;}
.rvw-rps .rs-btn i { width: 14px; height: 14px; display: block; background: url(../images/pro-ico.png) no-repeat -78px -185px; position: absolute; left: 8px; top: 6px;}
.rvw-nd { float: left; width: 262px; padding: 20px 0; color: #888;}
.avi-wrap .rvw-nd { padding: 20px 10px 20px 0;}
.rvw-nd span { font-weight: 700; color: #656D78; padding: 0 5px 10px; display: block;}
.rvw-ept, .qst-ept { border-bottom: 1px solid #eee; padding-bottom: 20px;}
.rvw-eptl, .qst-eptl { float: left; width: 480px; height: 135px; border-right: 1px solid #eee; margin-left: 20px;}
.ns-rvl { width: 430px; margin-left: 0;}
.rvw-eptl li { float: left; line-height: 16px; color: #656D78; margin: 5px 0;}
.rvw-eptl li:hover { background: #f4f4f4;}
.rvw-eptl li span, .rvw-eptl li strong, .rvw-eptr li span { float: left;}
.rvw-eptl li strong { margin: 0 5px;}
.rvw-rate { display: block; width: 75px; height: 16px; background-position: 0 -659px; margin-right: 10px; overflow: hidden;}
.rvw-rate-act { display: block; height: 16px; background-position: 0 -629px;}
.rvw-bg { height: 12px; margin: 2px 10px; width: 150px; background: #dbdbdb;}
.rvw-bg i { display: block; height: 12px; background: #f78f31;}
.rvw-line { border-bottom: 1px solid #ededed; height: 20px; margin: 10px 30px 0;}
.star5 { width: 75px;}
.star4 { width: 60px;}
.star3 { width: 45px;}
.star2 { width: 30px;}
.star1 { width: 15px;}
.qst-wrap { margin: 0 30px 50px 30px;}
.qst-nav { margin: 40px 30px 0 30px; height: 42px; border-bottom: 1px solid #ddd;}
.qst-btn, .faq-btn { cursor: pointer;}
.qst-list { margin: 11px 0 10px 10px; padding-bottom: 25px; border-bottom: 1px dashed #ddd;}
.qst-list p { max-width: 1000px; line-height: 18px;}
.qst-qst em { color: #e5760b; font-size: 14px; font-weight: bold; margin-right: 3px; display: inline-block; width: 80px;}
.qst-qst span { padding: 5px 0 5px 87px; display: block; color: #999;}
.qsr-ans { margin-top: 30px; line-height: 18px;}
.qsr-ans strong { display: block; float: left; width: 55px;}
.qsr-ans span { display: block; float: left; color: #666;}
.qsr-ans a { text-decoration: underline; display: inline;}
.qsr-ans a:hover { color: #f60;}
.qst-qst i { margin-left: 10px;}
.faq-sub { margin: 5px 0 20px 11px;}
.faq-all { margin-left: 12px;}
.rvw-more a, .faq-all a { display: inline-block;}
.faq-all a:hover { color: #f60; text-decoration: underline;}
.faq-sub span { float: left; display: block;}
.qst-eptl { height: 85px; padding-top: 45px;}
.qst-eptl .ept-rt { color: #666; padding-right: 80px; line-height: 16px; overflow: hidden; font-size: 12.5px;}
.rvw-eptr, .qst-eptr { float: left; padding-left: 55px; min-width: 500px;}
.rvw-eptr li { padding-left: 50px;}
.qst-eptr .ept-lf { padding-left: 50px; color: #666; font-size: 13px; min-height: 38px;}
.qst-eptr span { display: block; text-transform: uppercase; font-size: 14px; color: #555; font-weight: bold; text-align: center; margin-top: 10px; height: 30px; width: 180px;}
.qst-eptr i { display: block; width: 180px; height: 52px; background: url(../images/pro-ico.png) no-repeat 55px -697px;}
.qst-eptr em { display: inline-block; margin-top: 5px; padding-left: 10px; font-size: 13px; color: #555; font-weight: bold; text-decoration: underline; cursor: pointer;}
.qst-eptr em:hover { color: #FF6A00;}
.rvw-con { height: 30px; line-height: 34px; margin-right: 8px;}
.rvw-eptse { display: block; width: 169px; height: 30px; position: relative; background: url(../images/star5.png) no-repeat;}
.rvw-bst { width: 90px; background: url(../images/star-min.png) repeat-x 0 -40px; position: relative;}
.rvw-bst i { height: 17px; display: block; text-indent: -999em; position: absolute; left: 0; top: 0; cursor: pointer;}
.str1 { z-index: 5; width: 18px;}
.str2 { z-index: 4; width: 36px;}
.str3 { z-index: 3; width: 54px;}
.str4 { z-index: 2; width: 72px;}
.str5 { z-index: 1; width: 90px;}
.rvw-bst i:hover, .rvw-bst .rvw-on { background: url(../images/star-min.png) repeat-x;}
.rvw-btn, .faq-sub span { margin-top: 10px; height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; padding: 0 30px; color: #fff; border-radius: 4px; background: #FF6A00; transition: box-shadow 0.2s ease-out, opacity 0.45s; box-shadow: 0 1px 1px 0 rgba(0,0,0,.08);}
.rvw-btn:hover, .faq-sub span:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);}
.avi-con, .qst-con { margin: 0 25px 10px 25px; padding-top: 10px; min-height: 445px; position: relative;}
.qst-con { border: none;}
.qst-con .qst-nav { margin: 0 0 20px 0;}
.avi-wrap { margin-right: 300px; padding-right: 20px; border-right: 1px solid #ddd; min-height: 440px;}
.avi-wrap .rvw-rps-note { width: 450px;}
.avi-rt { position: absolute; right: 0; top: 32px; padding-left: 20px; width: 280px; height: 100%;}
.avi-info-nav { border-bottom: 1px solid #ddd; height: 35px; line-height: 35px;}
.avi-info-nav span { float: left; display: block; border-bottom: 2px solid #ff8a00; padding-right: 5px; font-size: 16px;  color: #555;}
.avi-info { position: absolute; top: 46px; left: 0; padding-left: 25px; width: 300px; height: 410px;}
.avi-fixed { position: fixed; top: 5px; left: auto; right: 0;}
.avi-fixed-none { position: absolute; top: auto; bottom: 0;}
.avi-info .pro-cart { border: none; margin: 20px 0 0 9px;}
.avi-img { padding: 20px 9px 10px 9px;}
.avi-tit { padding: 0 9px; height: 36px; line-height: 18px; overflow: hidden;}
.avi-tit a { color: #666;}
.avi-pri { padding: 10px 9px; color: #aaa;}
.avi-pri span { font-size: 16px; font-weight: 700; color: #f60; padding-right: 15px;}
.avi-star { padding: 0 9px 0 0; height: 16px; color: #888; overflow: hidden;}
.avi-star .rvw-rate, .avi-star .rvw-num { float: left; margin-right: 5px;}
.avi-rt .avi-star .rvw-rate { margin-left: 10px;}
.avi-star .rvw-cnt { float: left; display: block; position: relative; height: 16px;}
.rvw-del { width: 1px; height: 16px; color: #666; margin-left: 10px;}
.avi-star .fav-add { position: absolute; left: 25px; top: 0; padding-left: 20px; display: block; height: 16px; line-height: 16px; vertical-align: middle; color: #656D78; cursor: pointer;}
.rvw-fav .fav-add { left: 0;}
.avi-star .fav-icon { top: 0;}
.avi-btn { cursor: pointer;}
.avi-bot-nav { margin: 0 325px 50px 25px; padding: 10px 0; height: 30px; line-height: 30px;}
.bot-rmd, .view-nav { margin: 90px 30px 5px 30px; height: 40px; line-height: 40px; color: #444; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ededed; position: relative; text-indent: 10px;}
.view-nav { margin: 50px 30px 15px 30px;}
.view-list { margin: 0 30px; height: 260px;}
.view-list ul { padding: 23px 0 0 10px;}
.view-list ul li { float: left; width: 130px; margin-right: 10px; border-top: 1px solid #f5f5f5; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22); border-radius: 3px;}
.view-list ul li a { display: block; width: 100%; height: 100%; color: #808080;}
.view-list ul li a:hover { color: #f90;}
.view-list ul li span { display: block; font-size: 11px; margin: 3px 5px 3px 5px; height: 32px; line-height: 16px; overflow: hidden;}
.btm-wrap { border-top: 1px solid #e9e9e9; background: #f6f4f5; padding: 10px 0; width: 100%;}
.btm-desc { padding: 30px 0 10px;}
.btm-desc h1 { font-weight: 700; color: #666; font-size: 14px; margin-bottom: 5px; line-height: 21px;}
.btm-desc h1 span { font-size: 18px; color: #333;}
.btm-desc p, .btm-desc a { color: #888; line-height: 18px; font-size: 13px;}
.btm-desc a:hover { color: #e71; text-decoration: underline;}
.btn-con { padding: 30px 0 5px;}
.btn-cate { padding-top: 10px;}
.btn-cate a { padding: 0 2px 0 3px; line-height: 18px;}
.btn-cate a:first-child { padding: 0 2px 0 0;}
.btn-cate a:hover { color: #e71; text-decoration: underline;}
.btm-nav { padding: 20px 0 10px; border-bottom: 1px solid #d3d3d3;}
.btm-ntit { line-height: 24px; font-size: 14px; font-weight: bold; color: #333;}
.btm-nwa { padding: 5px 0 10px; overflow: hidden;}
.btm-nwa ul { float: left; width: 240px; line-height: 20px;}
.btm-nwa li { height: 20px;}
.btm-lst { padding: 30px 0 10px; border-top: 1px solid #fff; overflow: hidden;}
.btm-lst li { float: left; margin-right: 30px; position: relative; min-height: 30px;}
.btm-lst .btm-ic1 { padding-left: 31px; width: 166px;}
.btm-lst .btm-ic2 { padding-left: 42px; width: 190px;}
.btm-lst .btm-ic3 { padding-left: 24px; width: 185px;}
.btm-lst .btm-ic4 { padding-left: 31px; width: 178px;}
.btm-lst .btm-ic5 { padding-left: 33px; width: 200px; margin: 0;}
.btm-lst li i { display: block; position: absolute; left: 0; top: 0; background: url(../images/pro-ico.png) no-repeat;}
.btm-lst .btm-ic1 i { width: 23px; height: 30px; background-position: -69px -1468px;}
.btm-lst .btm-ic2 i { width: 34px; height: 30px; background-position: -57px -1415px;}
.btm-lst .btm-ic3 i { width: 16px; height: 30px; background-position: -76px -1528px;}
.btm-lst .btm-ic4 i { width: 23px; height: 30px; background-position: -69px -1584px;}
.btm-lst .btm-ic5 i { width: 25px; height: 30px; background-position: -67px -1645px;}
.btm-lst strong { display: block; font-size: 13px; color: #333; margin-bottom: 3px;}
.btm-lst span { display: block; color: #999; font-size: 11px;}
.btm-menu { border-bottom: 1px solid #d3d3d3; padding: 30px 0;}
.btm-menu dl { float: left; height: 150px; width: 197px; margin-right: 30px;}
.btm-menu dt, .btm-menu dd { line-height: 24px;}
.btm-menu dt { font-weight: bold; color: #333; font-size: 14px;}
.btm-menu dd a, .btm-nwa li a { display: block; color: #666; transition: all 0.05s ease-in-out 0s;}
.btm-menu dd a:hover, .btm-nwa li a:hover { color: #e71; padding-left: 2px; text-decoration: underline;}
.btm-nsl { float: left; width: 292px;}
.nsl-tit { font-size: 14px; font-weight: bold; line-height: 24px;}
.nsl-des { margin-top: 5px; line-height: 16px; color: #666;}
.nsl-ipt { margin-top: 10px; height: 26px; line-height: 26px; overflow: hidden;}
.nsl-ipt input { float: left; height: 24px; line-height: 24px; border: 1px solid #b0b0b2; width: 205px; padding-left: 5px; border-right: none; color: #888; font-size: 11px; font-style: italic;}
.nsl-ipt .nsl-btn { float: left; height: 26px; line-height: 26px; padding: 0 5px; color: #fff;  border: none;}
.btm-foot { border-top: 1px solid #fff; background: url(../images/icons.png) no-repeat center 30px; padding: 70px 0 30px;}
.btm-ndes a:hover, .btm-ndes a.btm-ba:hover { color: #e71; text-decoration: underline;}
.btm-text { background: #282c37;}
.btm-text p { height: 35px; line-height: 35px; color: #888; background: url(../images/logo-bot.png) no-repeat 0 11px; padding-left: 85px;}
.pro-dialog { position: fixed; z-index: 1500; padding: 15px; color: #636669; border: 1px solid #666; border-radius: 7px; background: #fff; box-shadow: 1px 1px 3px #aaa; display: none; -webkit-transform: translateZ(0); -webkit-animation: zoomIn 0.2s; animation: zoomIn 0.2s;}
.short-dialog { width: 460px; height: 150px;}
.ship-dialog { width: 850px; height: 380px; padding: 30px 25px;}
@-webkit-keyframes zoomIn {	
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
@keyframes zoomIn {
0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3);}
50% { opacity: 1;}
}
@-webkit-keyframes addfavor {
0% { -webkit-transform: scale(0); transform: scale(0);} 
to { -webkit-transform: scale(1); transform: scale(1);} }
@keyframes addfavor {
0% { -webkit-transform: scale(0); transform: scale(0);}
to { -webkit-transform: scale(1); transform: scale(1);}}
.pro-dialog h3 { height: 30px; font-size: 20px; line-height: 30px; font-weight: bold;}
.pro-dialog h3 span { float: left; margin: 6px 10px 6px 0; width: 17px; height: 18px; display: block;}
.pro-dialog em { position: absolute; right: 8px; top: 8px; cursor: pointer; display: block; width: 16px; height: 16px; background: url(../images/pro-ico.png) no-repeat; background-position: -38px -183px; z-index: 1510;}
.short-dialog .dia-desc { padding: 10px 15px 15px 28px; font-size: 13px; line-height: 18px;}
.short-dialog .dia-off { position: absolute; width: 120px; left: 165px; bottom: 20px; height: 30px; line-height: 30px; cursor: pointer; border-radius: 4px; background: #ff8a00; color: #fff; text-align: center; padding: 0 20px; overflow: hidden; border-bottom: 3px solid #cc8a00;}
.pro-dialog-bg { position: absolute; left: 0; top: 0; background: #000; width: 100%; filter: alpha(opacity=50); opacity: 0.3; display: none; z-index: 1200;}
.short-dialog .font12 { font-size: 12px; text-align: left;}
.long-dialog { width: 690px; height: 540px;}
.pro-dialog .cbox { border: 1px solid #ddd; margin: 15px 15px; padding: 15px 0; overflow: hidden;}
.pro-dialog .cbox .cbox-img { float: left; padding: 0 10px;}
.pro-dialog .cbox p { float: left; padding-left: 10px; width: 500px;}
.cbox-pri span, .long-dialog h4 { font-size: 16px; font-weight: 700; padding: 5px 0;}
.cbox-tit { line-height: 20px;}
.cbox-num { font-size: 11px; line-height: 14px; color: #999;}
.faq-tit { font-size: 14px; font-weight: 700; padding: 5px 0;}
.long-dialog h4 { height: 30px; line-height: 30px; padding: 10px 15px 0 15px;}
.long-dialog .dia-tx { line-height: 18px; padding: 30px 15px; border-top: 1px solid #ddd; margin-top: 10px;}
.dia-tx span { display: block; padding-top: 10px;}
.dia-tx a { color: #333; text-decoration: underline;}
.pro-dialog .dia-form, .rvw-note .dia-form { padding: 15px;}
.dia-form .dia-op { min-height: 40px; padding-bottom: 10px;}
.dia-form .dia-ops { min-height: 30px; padding-bottom: 5px;}
.dia-form .dia-star { float: left; margin: 5px 0 0 10px;}
.dia-form .dia-star span { display: block;}
.dia-form .dia-label { float: left; width: 150px; height: 30px; line-height: 30px; padding-right: 10px; text-align: right;}
.dia-form i { float: left; height: 30px; line-height: 30px; color: #333; font-weight: bold;}
.rvw-note .dia-form { display: none;}
.rvw-note .dia-form .dia-label { width: 90px;}
.dia-form strong { color: #F00; display: inline-block; vertical-align: middle; margin-right: 2px;}
.dia-form select { padding: 4px;}
.dia-form input { width: 400px; padding: 4px; line-height: 20px; font-size: 13px;}
.dia-form textarea { padding: 4px; width: 400px; height: 100px; font-size: 13px;}
.dia-form .dia-btn { border: none; height: 40px; line-height: 40px; width: 110px; font-size: 16px; color: #fff; background-color: #ff8a00; border-radius: 3px; transition: background-color .2s ease-in-out; border-bottom: 3px solid #cc8a00; cursor: pointer;}
.dia-form .dia-btn:hover { background-color: #ff6d16;}
.dia-form input, .dia-form textarea, .dia-form select { border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border linear .2s, box-shadow linear .2s; border-radius: 4px;}
.dsp-wrap .dia-form { padding-bottom: 50px;}
.dsp-wrap .dia-form input, .dsp-wrap .dia-form textarea { width: 800px;}
.dsp-wrap .dia-form .dia-op span { color: #aaa; font-size: 11px;}
.dia-form input:focus, .dia-form textarea:focus, .dia-form select:focus { outline: none; border-color: #85c0ff; box-shadow: 0 0 6px #85c0ff;}
.feed-dialog { width: 690px; height: 480px;}
.faq-dialog { width: 690px; height: 430px;}
.img-dialog { width: 650px; height: 680px; padding: 0 58px;}
.img-dialog .dtl-img { padding: 15px 0 0 0; width: 650px; height: 650px;}
.img-dialog .dtl-img span { position: absolute; z-index: 1; padding: 0; left: 0; top: 15px;}
.img-dialog .dtl-img span.show { z-index: 2;}
.img-dialog .dtl-imgup, .img-dialog .dtl-imgdown { position: absolute; left: 0; top: 50%; margin-top: -60px; width: 100px; height: 120px; background-position: -51px -1687px; z-index: 5; cursor: pointer;}
.img-dialog .dtl-imgdown { left: auto; right: 0; background-position: 59px -1745px;}
.mdc-sort li a:hover, .rcd-tit a:hover, .dtl-nav li:hover, .ht-list .ht-tit a:hover, .dtl-spec table td a:hover, .dtl-cur .dtl-nav li:hover, .rvw-cursc a:hover, .rvw-more a:hover, .avi-tit a:hover { color: #f60;}
.hdr-fixed { height: 70px; position: fixed; left: 0; top: 0; z-index: 1500; box-shadow: 1px 3px 5px rgba(0,0,0,0.15); -webkit-transform: translateZ(0);}
.hdr-fixed .logo { left: 52px; top: 20px; z-index: 1700; height: 30px; overflow: hidden;}
.hdr-fixed .hdr-cate { top: 17px;}
.hdr-fixed .logo img, .hm-fixed:hover .fix-ico { filter: alpha(opacity=70); opacity: 0.7;}
.hdr-fixed .hdr-search, .hdr-fixed .hdr-topr { padding-top: 0; height: 70px;}
.hdr-fixed .hdr-pop { display: none;}
.hdr-fixed .hdr-search .hdr-formbox { padding: 17px 0;}
.hdr-fixed .hdr-search .hdr-formbox .hdr-cate-list { top: 51px;}
.hdr-fixed .hdr-search .hdr-formbox .hdr-hotkey { top: 53px;}
.hdr-fixed .hdr-topr .hdr-act, .hdr-fixed .hdr-topr .hdr-help, .hdr-fixed .hdr-topr .hdr-cart { margin-top: 12px;}
.hm-fixed { position: fixed; top: 0; width: 50px; padding-top: 70px; border: none; cursor: pointer; background: none; float: none; z-index: 1500; -webkit-transform: translateZ(0); box-shadow: none;}
.hm-fixed .fix-list { position: relative;  width: 50px; }
.hm-cate .fix-ico { position: absolute; left: 10px; top: 21px; width: 27px; height: 22px; background: url(../images/page-ico.png) no-repeat -45px -751px; display: none;}
.hm-fixed .hdr-main { display: none; border: 1px solid #d9d9d9; background: #fff;}
.hm-fixed:hover .hdr-main, .hm-fixed .fix-ico { display: block;}
.hm-fixed .hdr-main .sub-menu { top: 70px;}
.hm-ad li:hover, .pro-tools .pal:hover, .pro-tools .mon:hover, .rcd-img:hover, .view-list img:hover, .hm-inb img:hover, .hm-inr img:hover, .hm-rdi img:hover, .hbt-list img:hover, .fld-slider img:hover, .ht-list li img:hover, .dtl-ad:hover, .rvw-btn:hover, .faq-sub span:hover { filter: alpha(opacity=90); opacity: 0.9;}
.toolbar { z-index: 1300; position: fixed; left: 100%; margin-left: -75px; bottom: 50px; -webkit-transform: translateZ(0);}
.gotop, .feedback, .tbc-cart { width: 40px; height: 40px; background: #000 url(../images/page-ico.png) no-repeat; filter: alpha(opacity=28); opacity: 0.7; border-radius: 3px; position: relative;}
.gotop { margin-top: 12px; background-position: 7px -570px; cursor: pointer;}
.feedback { background-position: 8px -617px;}
.tbc-cart { margin-bottom: 12px; background-position: -40px -574px;}
.feedback a, .tbc-cart a { display: block; width: 100%; height: 100%;}
.gt-text { height: 28px; line-height: 28px; width: 0; text-align: center; position: absolute; border-radius: 3px; color: #555; background: #484848; color: #fff; right: 48px; top: 5px; white-space: nowrap; overflow: hidden; -webkit-transition: all .1s; transition: all .1s;}
.gt-row { display: inline-block; position: absolute; right: -12px; top: 50%; width: 0; height: 0; margin-top: -6px; border: 6px solid transparent; border-left-color: #484848;}
.gt-inner { display: inline-block; position: absolute; right: -5px; top: -6px; width: 0; height: 0; border: 6px solid transparent; border-left-color: #484848;}
.gotop:hover, .feedback:hover, .tbc-cart:hover { background-color: #f78c1b; filter: alpha(opacity=100); opacity: 1;}
.gotop:hover .gt-text, .feedback:hover .gt-text { width: auto; overflow: visible; padding: 0 10px;}
.hdr-trig { display: inline-block; *display: inline; *zoom:1; width: 0; height: 0; margin-left: 5px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.hdr-jt { display: inline-block; *display: inline; *zoom:1; height: 6px; width: 15px; vertical-align: middle; background: url(../images/page-ico.png) no-repeat -57px -400px;}
.hdr-mg .hdr-jt, .hdr-menu:hover .hdr-jt { background-position: -57px -350px;}
.hdr-act:hover .hdr-jt, .hdr-help:hover .hdr-jt, .hdr-cart:hover .hdr-jt { background-position: -57px -375px;}
.hdr-new { display: block; width: 48px; height: 17px; position: absolute;  background: url(../images/pro-ico.png) no-repeat -44px -1808px; right: -24px; top: 3px; -webkit-animation: dance 1s linear infinite; animation: dance 1s linear infinite;}
.bg-linear { background: #f5f5f5; background: -webkit-gradient(linear,0 0,0 bottom,from(#fff),to(#f0f0f0)); background: -moz-linear-gradient(top, #fff, #f0f0f0); background: -o-linear-gradient(top, #fff, #f0f0f0); background: linear-gradient(to bottom,#fff,#f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f0f0f0');}
.bg-linear:hover { background: #ededed; background: -moz-linear-gradient(top,#f6f6f6,#e5e5e5); background: -webkit-gradient(linear,0 0,0 bottom,from(#f6f6f6),to(#e5e5e5)); background: -o-linear-gradient(top,#f6f6f6,#e5e5e5); background: linear-gradient(to bottom,#f6f6f6,#e5e5e5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#e5e5e5');}
.bg-linorg { background: #ff9917; background: -webkit-gradient(linear,0 0,0 bottom,from(#ffab02),to(#ff8a28)); background: -moz-linear-gradient(top, #ffab02, #ff8a28); background: -o-linear-gradient(top, #ffab02, #ff8a28); background: linear-gradient(to bottom,#ffab02,#ff8a28); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab02',endColorstr='#ff8a28');}
.bg-linorg:hover { background: #f8af23; background: -webkit-gradient(linear,0 0,0 bottom,from(#ffbc35),to(#f2a210)); background: -moz-linear-gradient(top, #ffbc35, #f2a210); background: -o-linear-gradient(top, #ffbc35, #f2a210); background: linear-gradient(to bottom,#ffbc35,#f2a210); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbc35',endColorstr='#f2a210');}
.ban-none { display: none;}
.rdc { color: #F00;}
.pdb20 { padding-bottom: 20px;}
.ht50{ height: 50px;}
.pd0 { padding: 0;}
.mag0 { margin: 0;}
.mag5 { margin-top: 5px;}
.mag10 { margin-top: 10px;}
.mag20 { margin-top: 20px;}
.mag30 { margin-top: 30px;}
.mat20 { margin-bottom: 20px;}
.magb100 { margin-bottom: 100px;}
.mag50 { margin-top: 50px;}
.magl20 { margin-left: 30px;}
.hdr-adtop { height: 80px;}
.rad { border-radius: 3px;}
.dtl-ad { margin: 25px 30px 20px 295px; height: 93px;}
.dtl-ad a { display: block; width: 100%; height: 93px;}
.ad-pro-ap { background: url(../images/ad-pro/apple.jpg) no-repeat center center;}
.ad-pro-hw { background: url(../images/ad-pro/huawei.jpg) no-repeat center center;}
.ad-pro-sm { background: url(../images/ad-pro/samsung.jpg) no-repeat center center;}
.ad-pro-xm { background: url(../images/ad-pro/xiaomi.jpg) no-repeat center center;}
.ad-pro-cat9 { background: url(../images/ad-pro/cat9.jpg) no-repeat center center;}
.ad-pro-cat17 { background: url(../images/ad-pro/cat17.jpg) no-repeat center center;}
.ad-pro-jd { background: url(../images/ad-pro/jd4.jpg) no-repeat center center;}
.ad-pro-cat8 { background: url(../images/ad-pro/cat8.jpg) no-repeat center center;}
.out-stock { display: inline-block; vertical-align: middle; width: 220px; height: 46px; line-height: 46px; color: #ccc; background: #eee; cursor: not-allowed; font-size: 20px; border-radius: 3px; text-align: center; margin-right: 16px;}
.fix-out-stock { display: none; position: absolute; width: 248px; font-size: 20px; font-weight: bold; text-align: center; height: 45px; line-height: 45px; border-radius: 3px; top: 2px; right: 30px; color: #ccc; cursor: not-allowed; background: #eee;}
@-webkit-keyframes dance { 0% { -webkit-transform: translateY(0);}
33.33% { -webkit-transform: translateY(-5px);}
66.66% { -webkit-transform: translateY(0);}
100% { -webkit-transform: translateY(-5px);}} 
@keyframes dance { 
0% { transform: translateY(0);}
33.33% { transform: translateY(-5px);}
33.33% { transform: translateY(0);}
100% { transform: translateY(-5px);}}
.item-prm, .ban-sold { display: none;}
.item-hot { margin: 3px 0 4px;}
.item-hot span { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; background: linear-gradient(105deg,#ff5a33,#ff1744); color: #fff;}
.item-prm, .ban-sold { display: none;}
.item-hot { margin: 3px 0 4px;}
.item-hot span { display: inline-block; padding: 0 10px; height: 20px; line-height: 20px; background: linear-gradient(105deg,#ff5a33,#ff1744); color: #fff;}
.padb50 { padding-bottom: 50px;}
.mb-main { background-color: #f2f2f2;}
.mb-main .st-sch, .st-new { padding: 12px 0 5px 0;}
.mb-main .st-nav .st-none, .st-new .st-none { padding: 0 12px 0 0;}
.st-new .st-none a { padding: 0 5px 0 0;}
.st-new .st-jt span { color: #999;}
.mb-con { margin: 20px 0 0; background-color: #fff; padding: 20px 0 45px 45px; border-radius: 10px; overflow: hidden;}
.mb-top { font-size: 24px; padding: 10px 0;}
.mb-list { padding: 20px 0 0; height: 376px; max-width: 1440px; margin-right: -100px; overflow: hidden; transition: all 0.8s;}
.mb-auto { height: 772px;}
.mdc-gallery ul { min-height: 600px;}
.mb-list li { float: left; width: 140px; margin-right: 100px; height: 188px;}
.mb-list i { display: block; background: url(../images/mobilephone/brand.png) no-repeat; width: 121px; height: 118px;}
.mb-list .apple { background-position: 0 0;}
.mb-list .huawei { background-position: -262px 0;}
.mb-list .samsung { background-position: -131px 0;}
.mb-list .xiaomi { background-position: -393px 0;}
.mb-list .sony { background-position: -393px -256px;}
.mb-list .oppo { background-position: -131px -128px;}
.mb-list .oneplus { background-position: -524px 0;}
.mb-list .nokia { background-position: -262px -256px;}
.mb-list .microsoft { background-position: 0 -128px;}
.mb-list .lg { background-position: 0 -256px;}
.mb-list .htc { background-position: -393px -128px;}
.mb-list .google { background-position: -262px -128px;}
.mb-list .motorola { background-position: -131px -256px;}
.mb-list .blackberry { background-position: -131px -384px;}
.mb-list .wiko { background-position: -524px -384px;}
.mb-list .alcatel { background-position: -524px -256px;}
.mb-list .doogee { background-position: -393px -384px;}
.mb-list .bq { background-position: -262px -384px;}
.mb-list .asus { background-position: 0 -384px;}
.mb-list .realme { background-position: 0 -512px;}
.mb-list .wileyfox { background-position: -131px -512px;}
.mb-list .orange { background-position: -262px -512px;}
.mb-list .kyocera { background-position: -393px -512px;}
.mb-list .sharp { background-position: -524px -512px;}
.mb-list .nintendo { background-position: 0 -640px;}
.mb-list .razer { background-position: -131px -640px;}
.mb-list .fujitsu { background-position: -262px -640px;}
.mb-list .acer { background-position: -393px -640px;}
.mb-list .cubot { background-position: -524px -640px;}
.mb-list .zte { background-position: 0 -768px;}
.mb-list .vodafone { background-position: -131px -768px;}
.mb-list .vivo { background-position: -262px -768px;}
.mb-list .amazon { background-position: -393px -768px;}
.mb-list .iqoo { background-position: -524px -768px;}
.mb-list em { display: block; font-weight: 700; height: 40px; line-height: 40px; color: #333; text-indent: 2px;}
.mb-list li:hover  em { color: #f60;}
.mb-list li:hover i { opacity: 0.9;}
.mb-cat { margin: 40px 60px 0 0; border-top: 1px solid #e0e0e0; padding: 40px 0 20px; position: relative;}
.cat-list { padding-top: 30px; max-width: 1400px; margin-right: -90px; overflow: hidden;}
.cat-list li { float: left; width: 190px; margin-right: 88px; height: 250px; text-align: center; border: 1px solid #fff;}
.cat-list li a { display: block;}
.cat-list li span { display: block; padding: 5px 0;}
.cat-list li:hover { border: 1px solid #f90;}
.cat-list li em { display: block; margin-top: 15px; color: #333;}
.mb-text { padding: 30px 45px 20px 45px; background-color: #fff; border-radius: 10px;}
.mb-desc { padding: 20px 0; line-height: 20px; font-size: 13px;}
.mb-more { position: absolute; top: -40px; right: 85px; font-size: 13px; cursor: pointer; color: #007aff; padding: 5px 15px 5px 0;}
.mb-more:hover { text-decoration: underline;}
.mb-more i { background: url(../images/page-ico.png) no-repeat -26px -1168px; position: absolute; color: #999; width: 13px; height: 7px; display: block; right: -3px; top: 10px;}
.mb-less i { background-position: 0 -1166px;}
.mod-nav { height: 30px; line-height: 30px; padding: 25px 0 25px 45px; background-color: #fff; font-size: 24px; border-radius: 10px; position: relative; font-weight: normal;}
.mod-nav i { display: inline-block; height: 26px; background: url(../images/mobilephone/brand-ico.png) no-repeat; vertical-align: middle;}
.mod-nav del { display: inline-block; height: 23px; width: 30px; margin-left: 30px; border-left: 1px solid #e0e0e0; vertical-align: middle;}
.mod-nav em { display: inline-block; line-height: 30px; vertical-align: middle;}
.mod-nav .apple { width: 93px; background-position: 0 0;}
.mod-nav .huawei { width: 120px; background-position: 0 -87px;}
.mod-nav .honor { width: 120px; background-position: 0 -1106px;}
.mod-nav .samsung { width: 149px; background-position: 0 -339px;}
.mod-nav .xiaomi { width: 110px; background-position: 0 -402px;}
.mod-nav .sony { width: 87px; background-position: 0 -370px;}
.mod-nav .oppo { width: 84px; background-position: 0 -310px;}
.mod-nav .oneplus { width: 137px; background-position: 0 -278px;}
.mod-nav .nokia { width: 97px; background-position: 0 -246px;}
.mod-nav .microsoft { width: 174px; background-position: 0 -179px;}
.mod-nav .lg { width: 38px; background-position: 0 -147px;}
.mod-nav .htc { height: 23px; width: 60px; background-position: 0 -58px;}
.mod-nav .google { width: 128px; background-position: 0 -28px;}
.mod-nav .motorola { width: 176px; background-position: 0 -214px;}
.mod-nav .asus { width: 81px; background-position: 0 -430px;}
.mod-nav .blackberry { width: 192px; background-position: 0 -462px;}
.mod-nav .wiko { width: 82px; background-position: 0 -494px;}
.mod-nav .alcatel { width: 140px; background-position: 0 -523px;}
.mod-nav .doogee { width: 110px; background-position: 0 -552px;}
.mod-nav .bq { width: 42px; background-position: 0 -584px;}
.mod-nav .zte { width: 54px; background-position: 0 -613px;}
.mod-nav .vodafone { width: 173px; background-position: 0 -645px;}
.mod-nav .cubot { width: 104px; background-position: 0 -674px;}
.mod-nav .acer { width: 83px; background-position: 0 -705px;}
.mod-nav .fujitsu { width: 119px; background-position: 0 -736px;}
.mod-nav .razer { width: 97px; background-position: 0 -766px;}
.mod-nav .sharp { width: 97px; background-position: 0 -797px;}
.mod-nav .kyocera { width: 147px; background-position: 0 -829px;}
.mod-nav .orange { width: 129px; background-position: 0 -860px;}
.mod-nav .nintendo { width: 154px; background-position: 0 -892px;}
.mod-nav .wileyfox { width: 158px; background-position: 0 -923px;}
.mod-nav .realme { width: 117px; background-position: 0 -957px;}
.mod-nav .vivo { width: 73px; background-position: 0 -118px;}
.mod-nav .amazon { width: 139px; background-position: 0 -989px;}
.mod-nav .iqoo { width: 92px; background-position: 0 -1026px;}
.mod-nav .nothing-phone { width: 170px; background-position: 0 -1067px;}
.mod-con { margin: 15px 0 80px; border-radius: 10px; background-color: #fff; padding: 20px 0 0 45px;}
.mod-con .bt-tit { font-weight: normal; font-size: 18px; padding: 30px 0 10px;}
.mod-con .bt-text { font-size: 13px; line-height: 20px; padding-right: 45px; color: #555;}
.mod-adv { padding: 20px 45px 20px 0;}
.mod-adv li { float: left; width: 10%; text-align: center; height: 210px; overflow: hidden;}
.mod-adv em { display: block; margin-top: 10px; padding: 0 15px; text-decoration: underline;}
.mod-adv li a:hover { color: #f60;}
.mod-list { padding: 20px 45px 40px 0;}
.mod-list li, .mod-list dd { float: left; width: 210px; padding: 0 14px 10px 3px;}
.mod-list li a, .mod-list dd a { text-decoration: underline; display: inline-block;}
.mod-list li a:hover, .mod-list dd a:hover { color: #f60;}
.mod-list dl { padding-bottom: 30px; overflow: hidden;}
.mod-list dt { font-size: 16px; font-weight: 700; line-height: 40px;}
.mod-list .mod-li { width: 234px; background: none; padding: 0;}
.mod-nst { padding: 20px 0 15px 0;}
.st-nav .st-mod { padding-right: 8px; z-index: 13;}
.st-nav .st-mod2 { padding-right: 8px; z-index: 12;}
.mod-wrap { margin-left: 245px; padding-left: 15px; overflow: hidden; min-height: 600px; background-color: #fff;}
.mod-left { background-color: #fff; border: none; float: none; margin: 0; position: absolute; overflow: hidden; left: 0; top: 0;}
.mod-left .main-box-nav, .mod-left .brd-con, .mod-left .mdc-con, .cat-left .main-box-nav, .cat-left .brd-con, .cat-left .mdc-con { border: none;}
.mod-cont-tit { font-size: 22px; padding: 13px 0 20px 0; height: 36px; line-height: 36px; color: #1D252C;}
.cat_link { font-weight: normal; padding-left: 15px; color: #656d78;}
.cat_link a { margin-right: 5px;}
.cat_link a:hover { color: #f60;}
.list-mod { height: 310px; position: relative;}
.list-mod { padding-top: 25px;}
.list-mod li { float: left; width: 15.5%;}
.list-mod a, .list-mod em, .list-mod span { display: block;}
.list-mod span { text-align: center; margin-bottom: 10px;}
.list-mod em { padding: 0 20px 0 20px; line-height: 18px; height: 54px; overflow: hidden;}
.mod-more { position: absolute; width: 40px; height: 80px; background-color: #f66907; right: 40px; top: 55px;}
.mod-more a { width: 100%; height: 100%; position: relative;}
.mod-more i, .mod-btm i { display: block; width: 25px; height: 25px; position: absolute; left: 12px; top: 25px; background: url(../images/page-ico.png) no-repeat -55px -1179px;}
.mod-btm { position: absolute; height: 34px; line-height: 34px; width: 440px; border: 1px solid #f5ba9c; background-color: #fef0e5; right: 40px; bottom: 40px; border-radius: 3px;}
.mod-btm a { height: 34px; font-size: 13px; position: relative; padding: 0 50px 0 10px; text-align: center; color: #fe5301; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mod-btm i { width: 12px; height: 12px; left: auto; top: 11px; right: 28px; background-position: 0 -1192px;}
.mod-btm:hover { background-color: #ff8400; border-color: #ff8400; transition: all .2s ease;}
.mod-btm:hover a { color: #fff;}
.mod-btm:hover i { background-position: -29px -1192px;}
.new-btm { margin-left: 245px; padding: 20px 20px 20px 15px;}
.mdc-nt { height: 30px; line-height: 30px; padding-bottom: 20px; border-bottom: 1px solid #f0f0f0; margin-bottom: 20px;}
.mdc-sorter { float: left; color: #666;}
.mdc-nt .list-gallery { float: right;}
.mdc-sorter em, .mdc-sorter span, .mdc-sorter a, .mdc-sorter del { height: 30px; display: inline-block; vertical-align: middle;}
.mdc-sorter i { display: inline-block; width: 7px; height: 12px; vertical-align: middle; background: url(../images/page-ico.png) no-repeat; margin-left: 2px;}
.mdc-sorter .up-ico { background-position: -67px -1227px;}
.mdc-sorter .down-ico { background-position: -18px -1227px;}
.mdc-sorter em .up-ico, .mdc-sorter a:hover .up-ico { background-position: -50px -1227px;}
.mdc-sorter em .down-ico, .mdc-sorter a:hover .down-ico { background-position: -32px -1227px;}
.mdc-sorter del { height: 20px; margin-left: 20px; border-left: 1px solid #e0e0e0; width: 20px;}
.mdc-sorter span { margin-right: 20px; color: #999;}
.mdc-sorter em, .mdc-sorter a:hover { color: #e71; cursor: pointer;}
.mdc-nav .mdc-ht { float: none;}
.md-right { float: left; width: 1240px; padding-left: 24px;}
.md-right .main-inner { padding: 0;}
.cat-left { border-right: 1px solid #f0f0f0; padding: 0 5px 0 0; margin: 0 0 40px 0;}
.cat-left .mdc-con { padding: 0;}
.cate-sort { margin:0 5px 25px 0; padding: 0 0 25px 0; border-bottom: 1px solid #f0f0f0;}
.sort-tit { height: 34px; line-height: 34px; font-size: 13px; font-weight: 700;}
.cate-sort ul { padding-top: 28px; position: relative;}
.cate-sort li { height: 28px; line-height: 28px; color: #aaa;}
.cat-left .main-box-nav { font-size: 13px; color: #333; padding: 0;}
.cate-sort li a { display: inline-block; position: relative; padding: 0 0 0 26px; color: #666;}
.cate-sort li a::before { content: ''; display: block; width: 15px; height: 15px; border: 1px solid #919199; position: absolute; left: 0; top: 5px; border-radius: 4px}
.cate-sort li a:hover { color: #f60;}
.cate-sort .current a::before { border-color: #f60; background: url(../images/page-ico.png) no-repeat 2px -1227px;}
.cate-sort li a:hover::before { border-color: #f60;}
.cate-sort .st-sum { position: absolute; height: 24px; left: 0; top: 0;}
.cate-sort .st-hide { display: none;}
.cate-sort .ct-more { cursor: pointer; color: #06c;}
.cate-sort .ct-more i { display: inline-block; width: 8px; height: 8px; margin: 0 6px 0 2px; vertical-align: middle; background: url(../images/page-ico.png) no-repeat 0 -1267px;}
.cate-sort .ct-more:hover { color: #f60;}
.cate-sort .ct-more:hover i { background-position: -18px -1267px;}
.cate-sort .ct-less i { background-position: 0 -1251px;}
.cate-sort .ct-less:hover i { background-position: -18px -1251px;}
.vw-wrap { padding: 60px 0 60px 0;}
.mdv-wrap { padding: 0 45px 30px 0; }
.vw-tit { height: 40px; line-height: 40px; color: #444; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ededed;}
.vw-list { padding: 20px 0;}
.vw-list li { float: left; width: 10%;}
.vw-list span { display: block; margin: 5px 10px 10px; text-align: left; height: 32px; line-height: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.vw-list a { display: block; text-align: center; color: #555; margin-right: 10px; border-top: 1px solid #f5f5f5; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);  border-radius: 3px; overflow: hidden; background-color: #fff;}
.vw-list img { width: 100%;}
.vw-list li:hover a { color: #f60;}
.item-num { float: left;}
.nw-fixed { position: relative;}
.nw-fixed .hdr-nav { background-color: #fff; height: 70px; position: fixed; left: 0; top: 0; z-index: 1500; box-shadow: 0 3px 12px rgba(0,0,0,.08); -webkit-transform: translateZ(0);}
.nw-fixed .md-con { position: absolute; margin: 0; width: 1500px; left: 50%; margin-left: -750px;}
.nw-fixed .logo { left: 60px; top: 23px; z-index: 1700;}
.nw-fixed .hdr-search .hdr-formbox { margin: 15px 0; border: 2px solid #ff7a00; border-radius: 30px 30px 30px 0;}
.nw-fixed .hdr-search, .nw-fixed .hdr-topr { padding-top: 0; height: 70px;}
.nw-fixed .hdr-pop { display: none;}
.nw-fixed .hdr-topr .hdr-act, .nw-fixed .hdr-topr .hdr-help, .nw-fixed .hdr-topr .hdr-cart { margin-top: 12px;}
.nw-fixed .hdr-act-nav a, .nw-fixed .hdr-act-nav span, .nw-fixed .hdr-help-nav span, .nw-fixed .hdr-help-nav { color: #333;}
.nw-fixed .hdr-jt { background-position: -57px -349px}
.nw-fixed .hdr-act .act-ico { background-position: 0 -1001px;}
.nw-fixed .hdr-help .act-ico { background-position: 0 -1053px;}
.nw-fixed .hdr-cart > a { background-position: -50px -451px; color: #333;}
.nw-fixed .hdr-menu { position: fixed; float: none; z-index: 1600; border: 1px solid #ccc; height: 34px; width: 34px; border-radius: 3px; top: 16px; background: #f5f5f7 url(../images/page-ico.png) no-repeat 7px -67px; left: 50%; margin-left: -530px;}
.nw-fixed .hdr-menu p { display: none;}
.nw-fixed .hdr-menu .hm-cate { top: 32px; left: -1px; border-top: 1px solid #d9d9d9;}
.nw-fixed .md-con .hdr-search { padding: 0 500px 0 285px;}
.nw-fixed .hdr-search .hdr-cate { border-radius: 30px 0 0 0;}
.nw-fixed .hdr-search .search-btn { border-radius: 0 30px 30px 0;}
.hdr-fixed, .hm-fixed { -webkit-animation: sldTop .5s ease-in-out; -moz-animation: sldTop .5s ease-in-out; animation: sldTop .5s ease-in-out;}
@-webkit-keyframes sldTop {
0% { top:-70px; }
100% {top: 0;} }
@-moz-keyframes sldTop {
0% { top: -70px;}
100% { top: 0;} }
@keyframes sldTop {
0% { top: -70px;}
100% {top:0;} }
@media (max-width: 1699px) and (min-width: 1440px){
.md-con { width: 1360px;}
.md-right { width: 1100px;}
.dtl-nav li { padding: 0 22px; font-size: 13px;}
.dtl-cur .dtl-nav li { font-size: 14px; padding: 0 1.8%;}
.pro-info { padding: 0 0 50px 641px;}
.pro-fr { top: auto; right: auto; left: 665px; bottom: 10px; border: 0; width: auto; height: 30px; overflow: hidden;} /******/
.pro-fr .pfr-nav { display: none;}
.pro-fr span { display: inline-block; color: #666; padding: 0 15px; line-height: 28px; margin: 0 10px 0 0; border: 1px solid #ebebeb;}
.pro-fr .tax-ico { line-height: 28px; padding: 0 15px;}
.tool-text i, .pro-fr .err-ico { display: none;}
.tax-ico i { background-position: 0 -218px;}
.mdc-gallery ul li { padding: 10px 10px;}
.mdc-gallery .item-form { padding: 0 10px;} 
}
@media (max-width: 1439px) {
.md-con { width: 1200px;}
.md-right { width: 940px;}
.pro-nav { font-size: 10px;}
.pro-nav del { margin: 7px 2px;}
.dtl-nav li { padding: 0 9px; font-size: 12px;}
.dtl-cur .dtl-nav li { font-size: 14px; padding: 0 1%;}
.pro-info { padding: 0 0 50px 641px;}
.pro-fr { top: auto; right: auto; left: 665px; bottom: 10px; border: 0; width: auto; height: 30px; overflow: hidden;}
.pro-fr .pfr-nav { display: none;}
.pro-fr span { display: inline-block; color: #666; padding: 0 15px; line-height: 28px; margin: 0 10px 0 0; border: 1px solid #ebebeb;}
.pro-fr .tax-ico { line-height: 28px; padding: 0 15px;}
.tool-text i, .pro-fr .err-ico { display: none;}
.tax-ico i { background-position: 0 -218px;}
.pro-ship-tit { padding-left: 5px;}
.pro-gt { width: 300px;}
.pro-color .all-show { width: 300px;}
.pro-cart .addcart, .pro-cart .buynow { font-size: 15px;}
.dsp-wrap .dia-form input, .dsp-wrap .dia-form textarea { width: 75%;} }
.hdr-banner .code-wrap { display: block; width: 100%; height: 80px; background: url(../images/ad_code.jpg) no-repeat center top; position: relative;}
.hdr-banner .code-nav, .hdr-banner .code-text { display: block; position: absolute; width: 235px; height: 42px; top: 19px; left: 50%; margin-left: 360px; cursor: pointer;}
.hdr-banner .code-text { display: none; margin-left: 610px; width: 150px; line-height: 42px; background-color: rgba(255,255,255,.4); border: 1px solid #eee; border-radius: 5px; box-shadow: 2px 2px 3px rgba(255,255,255,0.5), -2px -2px 3px rgba(255,255,255,0.5); font-size: 14px; font-weight: 700; text-align: center; color: #072278;}
.prm-wrap { height: 50px; color: #fff; background: #860001 url(../images/prm_bg.png) no-repeat 210px 0; max-width: 966px; position: relative; overflow: hidden;}
.prm-off { float: right; line-height: 20px; font-size: 14px; height: 50px; margin: 0; padding: 0 20px 0 50px; background: #f49b5f url(../images/prm_bg.png) no-repeat 0 -55px;}
.prm-wrap::before { position: absolute; content: 'Offerte imperdibili'; display: block; height: 30px; line-height: 30px; font-size: 20px; top: 10px; left: 50px; font-weight: 700; font-style: italic;}
.prm-off .prm-sold { display: block; text-align: right; padding-top: 5px;}
.prm-off .prm-time { display: block; color: #fff; text-align: right;}
.prm-time span { display: inline-block;}
.time .cd-time { margin: 0 3px;}
.time em { padding-right: 5px;}
.prm-off .time i { display: inline-block; font-weight: 700;}