@charset "utf-8";
 html  { color : #000; background : #fff; } 
 html, body  { margin : 0; padding : 0; } 
 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section  { margin : 0; padding : 0; } 
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section  { display : block; } 
 body, button, input, select, textarea  { font-family : 'Microsoft Yahei', STHeiti, sans-serif; color : #666; font-size : 14px; } 
 input, select, textarea  { font-size : 100%; } 
 table  { border-collapse : collapse; border-spacing : 0; } 
 th  { text-align : inherit; } 
 fieldset, img  { border : 0; } 
 iframe  { display : block; } 
 abbr, acronym  { border : 0; font-variant : normal; } 
 del  { text-decoration : line-through; } 
 address, caption, cite, code, dfn, em, th, var  { font-style : normal; font-weight : 500; } 
 ol, ul  { list-style : none; } 
 caption, th  { text-align : left; } 
 h1, h2, h3, h4, h5, h6, b  { font-size : 100%; font-weight : 500; } 
 q:before, q:after  { content : ''; } 
 sub, sup  { font-size : 75%; line-height : 0; position : relative; vertical-align : baseline; } 
 sup  { top : -0.5em; } 
 sub  { bottom : -0.25em; } 
 a  { text-decoration : none; color : #84a3e3; cursor : pointer; transition : all 0.3s ease-out; } 
 a:hover  { color : #6b95ea; transition : all 0.3s ease-out; } 
 a:hover  { text-decoration : none; } 
 ins, a  { text-decoration : none; } 
 .fn-clear:after  { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; } 
 body .fn-hide  { display : none; } 
 body .fn-show  { display : block; } 
 .fn-left, .fn-right  { display : inline; } 
 .fn-left  { float : left; } 
 .fn-right  { float : right; } 
 i  { font-style : normal; } 
 :focus  { outline : 0; } 
 .wrapper  { min-width : 1120px; } 
 .main  { overflow : hidden; } 
 .hide-row  { overflow : hidden; word-break : keep-all; white-space : nowrap; text-overflow : ellipsis; } 
 .one-row  { white-space : nowrap; } 
 .n-row  { overflow-wrap : break-word; word-break : normal; } 
 .text-decoration-line  { text-decoration : line-through; } 
 .hidden  { overflow-y : hidden; } 
 .mac-hidden  { overflow : hidden; } 
 .loader  { position : fixed; top : 50%; left : 50%; z-index : 10001; width : 24px; height : 24px; padding : 20px; background : url(../img/loading.gif) 20px 20px no-repeat #000; border-radius : 15px; opacity : 0.5; } 
 .btn-loading  { background : url(../img/loading-blue.gif) center no-repeat; } 
 .color-blue  { color : #6194ee; } 
 .white-drop-menu  { display : none; position : absolute; top : 3px; z-index : 9; width : 145px; padding : 0 5px; background : url(../img/global-white-bg-defualt-bg.jpg) repeat-x #FDFDFD; box-shadow : 0 5px 18px rgba(0, 0, 0, 0.27); border-radius : 6px; line-height : 30px; opacity : 0; } 
 .white-drop-menu .menu-title  { width : 134px; height : 31px; line-height : 31px; } 
 .white-drop-menu .menu-list  { width : 144px; padding : 5px 0 2px; } 
 .white-drop-menu .menu-list li  { width : 120px; padding : 0 12px; margin-bottom : 3px; border-radius : 3px; cursor : pointer; } 
 .white-drop-menu .menu-list li:hover  { background : #8f9096; color : #fff; } 
 .language-menu .menu-list li  { padding : 0; } 
 .language-menu .menu-list li a  { display : block; padding : 0 12px; } 
 .gray-box  { width : 100%; border-radius : 8px; background : #FFF; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.27), 0 1px 0 #DCDCDC, 0 -1px 0 #DDD; margin-bottom : 50px; } 
 .gray-box .title  { height : 60px; padding : 0 10px 0 30px; background : url(../img/step-order-box-title-bg.jpg) repeat-x; line-height : 60px; border-bottom : 1px solid #CFCFCF; border-radius : 8px 8px 0 0; box-shadow : 0 1px 8px rgba(0, 0, 0, 0.12); position : relative; } 
 .gray-box .title h2  { font-size : 18px; font-weight : 400; color : #626262; } 
 .gray-box .title span  { overflow : hidden; float : right; margin-top : 11px; background : #a2a2a2; border-radius : 8px; line-height : 38px; transition : all 0.3s ease; } 
 .gray-box .title span a  { display : block; padding : 0 13px; line-height : 38px; color : #fff; } 
 .gray-box .title span.add a  { float : right; display : block; background : url(../img/ui-p.png) -23px -638px no-repeat; padding : 0 13px 0 38px; line-height : 38px; color : #fff; transition : none; } 
 .gray-box .title span.return a  { float : right; display : block; background : url(../img/ui-p.png) -23px -750px no-repeat; padding : 0 13px 0 38px; line-height : 38px; color : #fff; transition : none; } 
 .gray-box .title span a.order-payment, .gray-box .title span a.blue-r-bt  { background : 0 0; padding-left : 13px; background : #7595e4; box-shadow : none; } 
 .gray-box .title span a.order-payment:hover, .gray-box .title span a.blue-r-bt:hover  { background : #6591e8; } 
 .gray-box .title span:hover  { background : #7595e4; box-shadow : none; transition : all 0.3s ease; } 
 .gray-box .title span.chat-bt  { width : 109px; background : linear-gradient(#fff, #ececec); border : #dbdde2 solid 1px; border-radius : 8px; } 
 .gray-box .title span.chat-bt a  { padding : 0 13px 0 38px; background : url(../img/cart-icons.png) 2px -236px no-repeat; color : #666; } 
 .gray-box .title span.chat-bt:hover  { background : linear-gradient(#f2f2f2, #e1e1e1); box-shadow : none; } 
 .gray-box .title span.chat-bt:active  { background : linear-gradient(#e5e5e5, #d4d4d4); box-shadow : 0 1px 3px rgba(0, 0, 0, 0.77) inset; } 
 .gray-box .gray-box-stit  { padding : 0 30px; background : #e6e7e8; border-bottom : 1px solid #e1e1e1; line-height : 38px; color : #666; font-size : 14px; } 
 .gray-box .gray-bottom-bg  { height : 62px; padding : 0 15px 0 30px; background : #f9f9f9; border-top : 1px solid #e1e1e1; border-radius : 0 0 8px 8px; line-height : 62px; } 
 .blue-btn, .blue-normal-btn, .gray-btn, .gray-normal-btn  { display : block; width : 372px; height : 48px; padding : 1px; margin-bottom : 12px; border-radius : 9px; background : #015e94; background : linear-gradient(#5598c9, #2a6da2); line-height : 48px; text-shadow : 0 1px 0 rgba(255, 255, 255, 0.496094); text-align : center; cursor : pointer; } 
 .blue-btn.disabled  { cursor : not-allowed; opacity : 0.699999988079071044921875; }  .blue-btn.disabled a  { cursor : not-allowed; }  .gray-btn.disabled  { cursor : not-allowed; opacity : 0.699999988079071044921875; }  .gray-btn.disabled a  { cursor : not-allowed; } 
 .blue-btn a, .blue-normal-btn a, .gray-btn a, .gray-normal-btn a  { display : block; width : 372px; height : 44px; padding : 2px 0; border : 0; border-radius : 9px; background : #5f7ed7; background : linear-gradient(#739fe1, #5f7ed7); box-shadow : 0 1px 3px #92b6ec inset, 0 0 2px #627dca inset, 0 -2px 3px #4c69b8 inset; line-height : 43px; text-shadow : 0 -1px 0 #4f70b3; font-size : 18px; cursor : pointer; color : #fff; transition : all 0.3s ease; } 
 .blue-btn a:hover, .blue-normal-btn a:hover  { box-shadow : 0 1px 3px #83a9e1 inset, 0 0 2px #627dca inset, 0 -2px 3px #5a77c7 inset, 0 0 100px rgba(48, 77, 147, 0.4) inset; } 
 .blue-btn a:active, .blue-normal-btn a:active  { box-shadow : 0 2px 5px #3d67a5 inset, 0 0 2px #627dca inset, 0 0 100px rgba(25, 108, 232, 0.5) inset; transition : all 0s ease-in; } 
 .gray-btn a, .gray-normal-btn a  { background : #ececec; background : linear-gradient(#ececec, #dfdfdf); box-shadow : 0 1px 1px #fbfbfb inset, 0 5px 15px #f3f3f3 inset, 0 -2px 2px #d5d5d5 inset; color : #000; text-shadow : 0 1px 0 #fff; } 
 .gray-btn a:hover, .gray-normal-btn a:hover  { box-shadow : 0 1px 1px #fbfbfb inset, 0 -2px 2px #d5d5d5 inset; } 
 .gray-btn a:active, .gray-normal-btn a:active  { box-shadow : 0 2px 5px #aeaeae inset, 0 1px 1px #fbfbfb inset, 0 -2px 2px #d5d5d5 inset; transition : all 0s ease-in; } 
 .gray-btn, .gray-normal-btn  { background : #d0d0d0; } 
 .gray-btn:active  { background-position : -24px -442px; } 
 .gold-btn  { display : inline-block; height : 36px; padding : 0 30px; margin-top : 10px; background : #eebc6b; border-radius : 8px; line-height : 36px; text-align : center; color : #fff; cursor : pointer; } 
 .gold-btn:hover  { background : #f5c87d; } 
 .gold-btn:active  { background : #f5ce8d; } 
 .gold-btn a  { color : #fff; } 
 .blue-normal-btn, .blue-normal-btn a, .gray-normal-btn, .gray-normal-btn a  { display : inline-block; width : 115px; height : 38px; margin : 0; line-height : 34px; border-radius : 9px; font-size : 14px; } 
 .blue-normal-btn a, .gray-normal-btn a  { height : 34px; margin : 0; } 
 .gray-normal-btn.disabled  { background : 0 0; box-shadow : none; background : #d0d0d0; cursor : not-allowed; 
opacity : 0.699999988079071044921875; } 
 .gray-normal-btn.disabled a  { background : 0 0; box-shadow : none; background : #d0d0d0; cursor : not-allowed; } 
 .gray-normal-btn.disabled:active, .gray-normal-btn.disabled a:active  { box-shadow : none; } 
 .gray-normal-btn em  { display : inline; padding : 2px 4px; margin : 0 4px; background : #636363; border-radius : 4px; font-size : 11px; font-weight : 400; color : #fff; } 
 .small-blue-btn  { background : #89a8f2; color : #fff; display : inline-block; padding : 0 10px; line-height : 25px; border-radius : 5px; margin : 0 10px; font-size : 12px; cursor : pointer; } 
 .small-blue-btn:hover  { background : #6591e8; color : #fff; } 
 .small-gray-btn  { background : #b6b9bd; color : #fff; display : inline-block; padding : 0 10px; line-height : 25px; border-radius : 5px; margin : 0 10px; font-size : 12px; } 
 .small-gray-btn:hover  { background : #8f939a; color : #fff; } 
 .edit-address  { display : block; text-indent : -9999em; width : 26px; height : 26px; background : #cdced0; cursor : pointer; border-radius : 5px; background : #a2a2a2; transition : all 0.3s ease; position : relative; top : 5px; float : right; } 
 .edit-address:hover  { background : #7595e4; opacity : 1; box-shadow : none; transition : all 0.3s ease; } 
 .edit-address a  { background : url(../img/ui-p.png) -173px -646px no-repeat; float : right; display : block; color : #fff; width : 28px; height : 26px; } 
 .delete-address  { display : block; opacity : 0.62000000476837158203125; height : 26px; background : #d84747; background : linear-gradient(#f97474, #e05b5b); cursor : pointer; border-radius : 5px; min-width : 26px; position : relative; position : relative; right : 20px; line-height : 26px; z-index : 11; float : right; } 
 .delete-address:hover  { opacity : 1; } 
 .delete-address b  { background : url(../img/ui-p.png) -257px -645px no-repeat; width : 23px; left : 0; position : absolute; overflow : hidden; text-indent : -9999em; height : 26px; font-size : 12px; display : block; float : left; color : #fff; } 
 .delete-address i  { opacity : 0; text-align : center; font-style : normal; float : left; left : 0; width : 0; overflow : hidden; position : absolute; display : block; height : 26p; text-indent : 0; color : #fff; font-size : 12px; } 
 .delete-address-on  { opacity : 1; } 
 .custom-service-button  { overflow : hidden; width : 113px; height : 38px; margin-top : -5px; margin-right : 12px; background : #727783; border-radius : 8px; line-height : 37px; text-align : center; transition : all 0.3s ease; } 
 #doyoo_panel, .custom-service-button a  { display : block; width : 73px; height : 38px; padding-left : 40px !important ; background : url(../img/product-chat-button-icons.png) 15px 9px no-repeat; font-size : 14px; text-align : left; color : #fff !important ; cursor : pointer !important ; } 
 .custom-service-button:hover  { opacity : 0.800000011920928955078125; transition : all 0.3s ease; }  
 .blue-flat-button  { display : inline-block; height : 36px; padding : 0 13px; margin : 12px 2px 0 0; background : #7595E4; border-radius : 8px; line-height : 36px; text-align : center; color : #FFF; } 
 .blue-flat-button a  { color : #FFF; } 
 .blue-radio  { display : inline-block; position : relative; top : 2px; width : 15px; height : 15px; border : #b7b7b7 solid 1px; border-radius : 15px; box-shadow : 0 2px 0 rgba(255, 255, 255, 1) inset; cursor : pointer; } 
 .blue-radio-on a, .choose-radio-on .blue-radio a  { position : absolute; left : 3px; top : 3px; background : #83a7ff; width : 9px; height : 9px; border-radius : 30px; } 
 .blue-checkbox, .blue-checkbox-on  { display : inline-block; position : relative; width : 13px; height : 15px; background : url(../img/ui-p.png) -22px -102px no-repeat; padding : 5px; } 
 .blue-checkbox:hover a  { position : absolute; top : 16px; left : 4px; width : 6px; height : 6px; } 
 .blue-checkbox-on a  { display : block; position : absolute; top : 16px; left : 4px; width : 6px; height : 6px; background : #adcaff; border-radius : 1px; } 
 .scrollbar  { overflow : hidden; position : absolute; right : 6px; top : 10px; height : 503px; width : 6px; } 
 .scrollbar-block  { background-color : #bbb; background : rgba(0, 0, 0, 0.27); width : 6px; height : 50px; border-radius : 50px; position : relative; top : 0; left : 0; z-index : 9; cursor : default; } 
 .scrollbar-block:hover  { background : rgba(0, 0, 0, 0.4); } 
 html  { background : #FFFFFB; } 
 body  { color : #666; } 
 .layout-header  { width : 100%;  } 
 .layout-header .header-top-wrapper  { width : 100%; height : 100px; background : repeat-x #393C4B; } 
 .layout-header .header-top-wrapper .header-wrapper  { background : url(../img/top-pumel-bg.jpg) top center no-repeat; width : 100%; height : 100px; } 
 .layout-header .header-menu-wrapper  { position : relative; width : 100%; height : 38px; background : url(../img/global-gray-bg.jpg) repeat-x; line-height : 38px; } 
 .layout-header .header-menu-wrapper .header-wrapper  { background : url(../img/global-gray-bg-light.jpg) top center no-repeat; width : 100%; height : 38px; } 
 .layout-header .header-container  { width : 1120px; margin : 0 auto; font-size : 12px; } 
 .layout-header .header-shadow  { position : absolute; left : 0; top : 100%; width : 100%; height : 3px; background : url(../img/global-header-shadow.png) repeat-x; z-index : 2; } 
 .layout-header .logo  { display : block; float : left; width : 134px; height : 34px; padding : 31px 0 0; } 
 .nav-list  { float : right; padding-top : 36px; line-height : 25px; } 
 .nav-list ul li, .nav-list ul  { float : left; }  .nav-list a  { display : block; border : transparent solid 1px; border-radius : 6px; font-size : 14px; opacity : 0.800000011920928955078125; color : #fff; height : 26px; } 
 .nav-list a:hover, .nav-list ul li.selected a  { border : #414345 solid 1px; opacity : 1; } 
 .nav-list a:hover  { border : rgba(0, 0, 0, 0) solid 1px; } 
 .nav-list a:active  { opacity : 0.60000002384185791015625; } 
 .nav-list ul a  { padding : 0 14px; } 
 .nav-list .buy-col  { float : left; padding-left : 21px; margin-left : 14px; background : url(../img/buy-col-left-bg.png) left 3px no-repeat; } 
 .nav-list .buy-col a  { float : left; height : 26px; padding : 0 15px; border : #414345 solid 1px; line-height : 25px; opacity : 1; } 
 .nav-list .buy-col span  { line-height : 25px; } 
 .nav-list .buy-col a.buy-button  { height : 26px; padding : 0 18px; background : #6B89D5; border : #6B89D5 solid 1px; margin-left : 20px; line-height : 25px; } 
 .nav-list .buy-col a:hover  { border : #CACFD7 solid 1px; } 
 .nav-list .buy-col a:active  { border : #FFF solid 1px; color : #FFF; opacity : 0.60000002384185791015625; } 
 .nav-list .buy-col a.buy-button:hover  { background : #FFF; border : #FFF solid 1px; color : #000; } 
 .nav-list .buy-col a.buy-button:active  { background : #D9D9D9; border : #D9D9D9 solid 1px; } 
 .nav-list ul li.on a  { border : #414345 solid 1px; opacity : 1; } 
 .layout-header .header-language-wrapper  { position : relative; float : left; width : 120px; } 
 .layout-header .header-language-wrapper .animate-link  { left : -6px; right : auto; } 
 .layout-header .header-language-wrapper .icon-arrow  { right : 31px; z-index : 10; } 
 .layout-header .header-language-wrapper .language-menu  { right : 16px; width : 110px; } 
 .layout-header .header-language-wrapper .menu-title, .layout-header .header-language-wrapper .menu-list, .layout-header .header-language-wrapper .menu-list li  { width : auto; } 
 .layout-header .header-language-wrapper .menu-list li a  { color : #666; transition : none; } 
 .layout-header .header-language-wrapper .menu-list li:hover a  { color : #FFF; } 
 .layout-header .header-account-wrapper  { position : relative; float : right; } 
 .layout-header .normal-link, .layout-header .normal-label  { display : block; float : left; padding : 0 12px; color : #45474b; } 
 .layout-header .normal-link  { cursor : pointer; } 
 .layout-header .normal-link:hover  { color : #6b95ea; } 
 .layout-header .line-link, .layout-header .holder-link  { background : url(../img/loginpanel-left-line.png) 0 14px no-repeat; padding : 0 6px 0 12px; } 
 .layout-header .holder-link  { width : 67px; height : 38px; padding : 0 0 0 12px; } 
 .layout-header .icon-arrow  { display : block; position : absolute; right : 4px; top : 17px; z-index : 5; width : 7px; height : 5px; background : url(../img/language-arrow.png) no-repeat; cursor : pointer; z-index : 10; } 
 .layout-header .animate-link  { position : absolute; right : 19px; top : 0; z-index : 10; color : #45474B; cursor : pointer; padding : 0 25px 0 6px; } 
 .layout-header .header-account-wrapper .animate-link  { padding : 0; } 
 .layout-header .animate-link:hover  { color : #6b95ea; } 
 .layout-header .animate-hold-link  { cursor : default; } 
 .layout-header .animate-hold-link:hover  { color : #45474B; } 
 .layout-header .account-menu  { right : -15px; } 
 .layout-container  { width : 100%; background : url(../img/con-bg.jpg) repeat-x; } 
 .layout-container-head  { width : 100%; height : 400px; background : url(../img/faq-top.jpg) center center no-repeat #2C2D2F; } 
 .page-loading  { width : 100%; height : 66px; padding : 167px 0; } 
 .page-loading .loading-bar  { display : none; position : relative; width : 242px; height : 66px; margin : 0 auto; background : url(../img/page-loading.png) no-repeat; line-height : 66px; text-indent : 95px; font-size : 14px; color : #999; } 
 .page-loading .loading-icon  { position : absolute; left : 65px; top : 25px; width : 18px; height : 18px; background : url(../img/loading_grey.gif) no-repeat; } 
 .footer  { clear : both; position : relative; height : 202px; background : #FFFFFB; min-width : 1120px; } 
 .footer .inner  { position : relative; width : 1120px; margin : 0 auto; } 
 .footer .info ul  { float : left; width : 288px; padding-top : 15px; } 
 .footer .info ul li  { color : #CCC; padding : 6px 0; font-size : 12px; line-height : 12px; } 
 .footer .service  { height : 140px; } 
 .footer .service h3{padding:9px 0 13px;font-size:18px;line-height:18px;font-family:华文黑体,"Microsoft YaHei",微软雅黑,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#434d55}
 .footer .service a{color:#434d55;font-family:华文黑体,"Microsoft YaHei",微软雅黑,STHei,"Helvetica Neue",Helvetica,Arial,sans-serif}
 .footer .service a:hover  { color : #84a3e3; } 
 .footer .online  { position : absolute; right : 0; overflow : hidden; padding : 32px 0 0; line-height : 34px; } 
 .footer .online p  { clear : both; font-size : 12px; width : 230px; line-height : 18px; text-align : right; color : #999; } 
 .footer .online .tel  { line-height : 51px; font-size : 28px; color : #666; } 
 .footer .online .tel a  { cursor : default; } 
 .footer .online .tel a:hover  { color : #666; } 
 .footer .online .sup  { line-height : 18px; font-size : 16px; color : #666;} 
 .footer .sns  { position : absolute; right : 0; bottom : 25px; width : 210px; } 
 .footer .sns li a  { display : block; background : url(../img/sns-icons.png) no-repeat; width : 17px; height : 16px; float : left; text-indent : -9999em; } 
 .footer .sns li  { float : right; padding : 0 5px; opacity : 0.4000000059604644775390625; } 
 .footer .sns li a.twitter  { background-position : -26px 0; } 
 .footer .sns li a.facebook  { background-position : -48px 0; } 
 .footer .sns li a.weixin  { width : 20px; background-position : -74px 0; } 
 .footer .sns li.hold, .footer .sns li:hover  { opacity : 1; } 
 .footer .sns li.weixin  { position : relative; } 
 .footer .sns li.weixin .dimensional-code  { display : none; position : absolute; right : -10px; bottom : 30px; width : 155px; height : 155px; background : #FFF; border-radius : 8px; border : #B8B8B8 solid 1px; box-shadow : 2px 2px 12px #DDD; } 
 .footer .sns li.weixin .dimensional-code:after  { display : block; content : " "; position : absolute; right : 20px; bottom : -6px; width : 12px; height : 6px; background : url(../img/dimensional-code-arrow.png) no-repeat; } 
 .footer .sns li.weixin .dimensional-code img  { width : 121px; height : 121px; margin : 17px; } 
 .footer .copyright  { height : 62px; background : #303030; color : #434d55; font-size : 12px; } 
 .footer .copyright .inner  { position : relative; height : 62px; } 
 .footer .copyright .copy-label  { float : left; width : 605px; height : 44px; padding-top : 18px; } 
 .footer .copyright .copy-text  { height : 15px; line-height : 15px; font-size : 12px; color : #666; } 
 .footer .copyright .footer-clause  { float : left; padding-top : 18px; font-size : 13px; }  
 .footer .copyright .footer-clause li  { float : left; padding : 0 8px; line-height : 12px; font-weight : 300; } 
 .footer .copyright .footer-clause li.line  { float : left; width : 2px; height : 14px; padding : 0; background : url(../img/footer-line.gif) 0 2px no-repeat; } 
 .footer .copyright p  { float : left; padding-top : 20px; line-height : 18px; color : #6c7478; }  
 .footer .copyright p a  { color : #434d55; padding : 0 5px; } 
 .footer .language  { width : 145px; position : absolute; right : 0; bottom : 20px; padding : 0 5px; background : url(../img/global-white-bg-defualt-bg-footer.jpg) bottom left repeat-x #fff; line-height : 30px; border-radius : 6px; z-index : 3; } 
 .footer .language ul  { display : none; background : #FFF; width : 145px; padding : 0 5px; overflow : hidden; border-radius : 8px 8px 0 0; } 
 .footer .language h3  { color : #45474b; padding : 0 0 0 20px; cursor : pointer; } 
 .footer .language h3 span  { width : 7px; height : 7px; position : absolute; right : 14px; bottom : 11px; background : url(../img/language-arrow-footer.png) no-repeat; } 
 .footer .language ul li  { width : 120px; margin : 0 0 3px; padding : 0 12px; border-radius : 3px; cursor : pointer; } 
 .footer .language ul li:hover  { background : #8f9096; color : #fff; } 
 .indexbar  { width : 100%; position : relative; display : block; background : #393C4B; height : 4px; z-index : 2; }  
 .index1    { width : 100%; position : relative; display : block; background : url(../img/index1.jpg) top center no-repeat #646672; height : 912px; z-index : 3; } 
 .overviewbar  { width : 100%; position : relative; display : block; background : url(../img/overviewbar.png) top center no-repeat #393C4B; height : 4px; z-index : 2; }  
 .overview1  { width : 100%; position : relative; display : block; background : url(../img/overview1.jpg) top center no-repeat #AEAFB4; height : 889px; z-index : 3; } 
 .overview2  { width : 100%; position : relative; display : block; background : url(../img/overview2.jpg) top center no-repeat #3A3C4B; height : 889px; z-index : 4; } 
 .overview3  { width : 100%; position : relative; display : block; background : url(../img/overview3.jpg) top center no-repeat #AFAEB4; height : 889px; z-index : 5; } 
 .overview4  { width : 100%; position : relative; display : block; background : url(../img/overview4.jpg) top center no-repeat #ADAEB3; height : 889px; z-index : 6; } 
 .designbar  { width : 100%; position : relative; display : block; background : url(../img/designbar.png) top center no-repeat #393C4B; height : 4px; z-index : 2; }  
 .design1  { width : 100%; position : relative; display : block; background : url(../img/design1.jpg) top center no-repeat #AEAFB4; height : 889px; z-index : 3; }  
 .design2  { width : 100%; position : relative; display : block; background : url(../img/design2.jpg) top center no-repeat #3A3C4B; height : 889px; z-index : 4; } 
 .design3  { width : 100%; position : relative; display : block; background : url(../img/design3.jpg) top center no-repeat #ADAEB3; height : 889px; z-index : 5; } 
 .featurebar  { width : 100%; position : relative; display : block; background : url(../img/featurebar.png) top center no-repeat #393C4B; height : 4px; z-index : 2; }  
 .feature1  { width : 100%; position : relative; display : block; background : url(../img/feature1.jpg)   top center no-repeat #AEAFB4; height : 889px; z-index : 3; } 
 .feature2  { width : 100%; position : relative; display : block; background : url(../img/feature2.jpg)   top center no-repeat #3A3C4B; height : 889px; z-index : 4; } 
 .feature3  { width : 100%; position : relative; display : block; background : url(../img/feature3.jpg)   top center no-repeat #AEAFB4; height : 889px; z-index : 5; } 
 .feature4  { width : 100%; position : relative; display : block; background : url(../img/feature4.jpg)   top center no-repeat #ADAEB3; height : 889px; z-index : 6; } 
 .feature5  { width : 100%; position : relative; display : block; background : url(../img/feature5.jpg)   top center no-repeat #AEAFB4; height : 889px; z-index : 7; } 
 .feature6  { width : 100%; position : relative; display : block; background : url(../img/feature6.jpg)   top center no-repeat #ADAEB3; height : 889px; z-index : 8; }  
 .feature7  { width : 100%; position : relative; display : block; background : url(../img/feature7.jpg)   top center no-repeat #AEAFB4; height : 889px; z-index : 9; } 
 .feature8  { width : 100%; position : relative; display : block; background : url(../img/feature8.jpg)   top center no-repeat #ADAEB3; height : 889px; z-index : 10; } 
 .feature9  { width : 100%; position : relative; display : block; background : url(../img/feature9.jpg)   top center no-repeat #AEAFB4; height : 889px; z-index : 11; } 
 .feature10  { width : 100%; position : relative; display : block; background : url(../img/feature10.jpg) top center no-repeat #ADAEB3; height : 889px; z-index : 12; }   
 .osbar  { width : 100%; position : relative; display : block; background : url(../img/osbar.png) top center no-repeat #393C4B; height : 4px; z-index : 2; }  
 .os1  { width : 100%; position : relative; display : block; background : url(../img/os1.jpg) top center no-repeat #3A3C4B; height : 889px; z-index : 3; } 
 .os2  { width : 100%; position : relative; display : block; background : url(../img/os2.jpg) top center no-repeat #E0DFE4; height : 889px; z-index : 4; }   
 .os3  { width : 100%; position : relative; display : block; background : url(../img/os3.jpg) top center no-repeat #E0DFE4; height : 889px; z-index : 5; } 
 .os4  { width : 100%; position : relative; display : block; background : url(../img/os4.jpg) top center no-repeat #E0DFE4; height : 889px; z-index : 6; } 
 .detailbar  { width : 100%; position : relative; display : block; background : url(../img/detailbar.png) top center no-repeat #393C4B; height : 4px; z-index : 2; }   
 .detail1  { width : 100%; position : relative; display : block; background : url(../img/detail1.jpg) top center no-repeat #AEAFB4; height : 889px; z-index : 3; } 
 .faq-top  { width : 100%; position : relative; display : block; background : url(../img/product-support.jpg) top center no-repeat #353949; height : 315px; z-index : 3; } 
 .faq-nav  { background : #fff; border-radius : 8px; box-shadow : 0 1px 3px rgba(0, 0, 0, 0.27); } 
 .faq-nav a  { color : #000; font-size : 16px; } 
 .inner  { width : 1120px; margin : 0 auto; position : relative; clear : both; } 
 .faq-inner  { padding-top : 50px; padding-bottom : 50px; } 
 .main .inner .side-bar  { border-radius : 8px; float : left; padding : 50px 0; width : 212px; } 
 .main-content  { float : right; padding : 50px 0; width : 890px; } 
 .main .faq-content  { box-shadow : 0 1px 3px rgba(0, 0, 0, 0.27), 0 1px 0 #DCDCDC, 0 -1px 0 #DDD; } 
 .faq-content a  { color : #6b95ea; } 
 .faq-content .blue-btn a  { color : #fff; } 
 .faq-nav li  { height : 50px; line-height : 50px; border-bottom : 1px solid #cfcfcf; text-align : left; list-style : none; width : 212px; overflow : hidden; } 
 .faq-nav li.last  { border-bottom : 0; border-radius : 0 0 8px 8px; } 
 .faq-nav li.last a:hover  { border-radius : 0 0 8px 8px; } 
 .faq-nav li a:hover  { color : #fff; background : #6785D9; } 
 .faq-nav li a.on  { color : #fff; background : #6785d9; } 
 .faq-nav a  { height : 50px; display : block; padding-left : 30px; } 
 .faq-nav a.on  { background : #6785D9; color : #fff; } 
 .list-format  { margin : 0 0 15px; } 
 .list-format li  { overflow : hidden; } 
 .list-format li span  { float : left; display : block; width : 15px; height : 50px; } 
 .list-format li p  { padding : 0; float : left; width : 815px; } 
 .faq-content  { background : #fff; border-radius : 8px; clear : both; text-align : left; } 
 .faq-nav .title, .faq-content .title  { height : 60px; background : url(../img/step-order-box-title-bg.jpg) repeat-x; line-height : 60px; border-bottom : 1px solid #CFCFCF; border-radius : 8px 8px 0 0; box-shadow : 0 1px 8px rgba(0, 0, 0, 0.12); position : relative; } 
 .faq-content h1, .faq-content h2, .faq-content h3, .faq-content h4, .faq-content h5, .faq-content h6  { padding : 0 30px; } 
 .faq-content h3.line  { margin-top : 7px; } 
 .faq-nav h1  { padding-left : 30px; } 
 .faq-nav h1, .faq-content h1  { font-size : 18px; line-height : 60px; clear : both; overflow : hidden; height : 60px; } 
 .faq-content h2  { display : block; height : 40px; background : #E6E7E8; line-height : 40px; clear : both; font-size : 14px; font-weight : 400; } 
 .faq-content h3  { font-size : 14px; font-weight : bolder; padding : 10px 30px; } 
 .faq-content p, .faq-content dt, .faq-content dd, .faq-content li  { padding : 0 30px; line-height : 26px; } 
 .faq-content .line dd  { margin-bottom : 7px; } 
 .faq-content .faq-line .inner  { padding : 20px 0 0; overflow : hidden; } 
 .faq-content .faq-line dd  { margin-bottom : 20px; } 
 .faq-content .line p  { margin-bottom : 5px; } 
 .faq-content .inner  { padding : 20px 0; width : 100%; } 
 .faq-content .inner-last  { padding : 20px 0 30px; width : 100%; } 
 .faq-content dt  { display : block; clear : both; font-size : 14px; } 
 .faq-content dd li  { padding : 0; } 
 .faq-content .faq-box  { padding : 30px 0 50px 25px; line-height : 20px; clear : both; } 
 .faq-content .faq-box-inner  { padding : 30px 0 30px 25px; } 
 .faq-content .faq-box p  { padding-left : 0; } 
 .faq-content .faq-box h2  { background : 0 0; } 
 .faq-content table  { margin : 0 0 0 30px; } 
 .faq-content h2.payonline  { margin-top : -10px; } 
 .faq-content .payonline dt  { margin-top : 5px; } 
 .faq-content .payonline dd  { padding-top : 14px; margin-bottom : 38px; } 
 .faq-content .payonline  { padding-bottom : 4px; } 
 .faq-content .faq-content-inner  { padding : 30px 0; } 
 .faq-content .faq-content-inner h2  { margin : 30px 0; } 
 .product-parameter-bg  { background : url(../img/product-parameter-bg.png) top repeat-x #fff; } 
 .product-parameter-con  { position : relative; width : 1120px; padding : 150px 0 85px; margin : 0 auto; } 
 .product-parameter-item  { position : relative; margin : -1px 20px 0; overflow : hidden; border-top : 1px solid #e9e9e9; border-bottom : 1px solid #dbdbdb; font-weight : 400; color : #404040; } 
 .item-title, .item-decri  { clear : none; float : left; width : 280px; padding : 30px 10px 60px; line-height : 30px; font-size : 16px; } 
 .item-decri  { overflow : hidden; margin-left : 100px; width : 660px; font-size : 14px; } 
 .item-decri-size  { margin-top : 99px; display : block; } 
 .item-decri-cpu  { margin-top : 35px; display : block; } 
 .item-decri-interface-1  { margin-left : 76px; display : inline-block; } 
 .item-decri-interface-2  { margin-left : 194px; display : inline-block; } 
 .product-parameter-blank  { position : absolute; top : 149px; bottom : 84px; left : 320px; width : 100px; background : url(../img/product-parameter-bg.png) left -149px repeat-x #fff; } 
 .product-parameter-item.frt  { border-top-color : #d1d1d1; } 
 .product-parameter-item.sec  { border-top-color : #d7d7d7; } 
 .product-parameter-item.thd  { border-top-color : #e0e0e0; }