@charset 'utf-8';
/* ---------- reset ---------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html, 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;}
body,button,input,textarea,select{font: 12px/1.5 "PingFang SC","Hiragino Sans GB","WenQuanYi Micro Hei","Microsoft Yahei",serif;-webkit-font-smoothing: antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400; }
table {border-collapse: collapse; border-spacing: 0 }
ol, ul, li {list-style: none; }
img {border: 0 none ;}
i,em{ font-style: normal; }
input,select,textarea {font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 400 }
a {cursor: pointer;}
a:hover {text-decoration: underline;}
:focus {outline: 0 }

::selection{background:#FD472C; color:white;}
::-moz-selection{background:#FD472C; color:white;}
::-webkit-selection{background:#FD472C; color:white;}

/* ---------- common ---------- */
html {color: #333; background: #fff }
.w1200{ width:1200px; margin:0 auto;}
.fl{ float: left;}
.fr{ float: right; }
.ta-c{ text-align: center!important;}
.ta-l{ text-align: left!important; }
.ta-r{ text-align: right!important; }
.black {color: #333!important }
.white{ color: #fff!important }
.green {color: #98ba2a!important }
.red {color: #e01d20!important }
.blue {color: #00f!important }
.skyblue{ color: #3DBAF7!important }
.honor-blue {color: #00b5e2!important }
.gray {color: #c0c0c0!important }
.yellow {color: #ff0!important } 
.bg-blue{ background-color: #3DBAF7!important; }
.bold {font-weight: 700!important }
.hide,
.hidden {display: none!important }
.show {display: block!important }
.relative{ position: relative!important; }
.absolute{ position: absolute!important; }
.fixed{ position: fixed; }
.fcn {font-family: \5b8b\4f53 }
.inline-block {display: inline-block; *zoom:1;*display: inline }
.clearfix:before,
.clearfix:after {content: " "; display: table }
.clearfix:after {clear: both }
.clearfix {*zoom:1}
.container{ width: 1200px; margin: 0 auto; }
.container:before,
.container:after {content: " "; display: table }
.container:after {clear: both }
.container {*zoom:1}

.ftx01{ color:#2378d4;}
.ftx02{ color:#b74506 !important;}
.ftx03{ color:#ec5051;}

a.ftx01:hover{ color:#ec5051;}

.btn_red{ background-color:#f42424 !important;}
.btn_red:hover{ background-color:#ec5051 !important;}

/*commen*/
.f12 {font-size: 12px }
.f14 {font-size: 14px }
.f16 {font-size: 16px }
.f18 {font-size: 18px }
.f20 {font-size: 20px }
.f24 {font-size: 24px } 
.f26 {font-size: 26px } 
.f30 {font-size: 30px } 
.mt0{ margin-top: 0!important; }
.mt30{ margin-top: 30px!important; }
.mt75{ margin-top: 75px!important; }
.mb0{ margin-bottom: 0!important; }
.mb10{ margin-bottom: 10px!important; }
.mb12{ margin-bottom: 12px!important; }
.mb30{ margin-bottom: 30px!important; }
.mb40{ margin-bottom: 40px!important; }
.mb50{ margin-bottom: 50px!important; }
.mb80{ margin-bottom: 80px!important; }
.ml30{ margin-left: 30px!important; }
.ml50{ margin-left: 50px!important; }
.ml80{ margin-left: 80px!important; }
.pd30{ padding: 30px; }
.pt0{ padding-top: 0!important; }
.pt30{ padding-top: 30px!important; }
.pt100{ padding-top: 100px!important; }
.pb0{ padding-bottom: 0!important; }
.pb30{ padding-bottom: 30px!important; }
.pb40{ padding-bottom: 40px!important; }
.pb50{ padding-bottom: 50px!important; }
.pb80{ padding-bottom: 80px!important; }
.pb100{ padding-bottom: 100px!important; }
.ov-h{ overflow: hidden; }

/*base*/
body{ overflow-x: hidden; min-width: 1320px;}
a{ color: #333; text-decoration: none; }
a:hover{ text-decoration: none; color: #ed353c;}
.m-color{ color: #ed353c; }
.btn-red{ width: 130px; height: 40px; line-height: 40px; background: url(../images/common/button-red.png) no-repeat left top; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-red:hover{ background-position: right top; color: #fff; }
.btn-red2{ transition: all .2s; font-size: 16px; color: #fff; width: 130px; height: 40px; background: #ED3C3F; display: inline-block; vertical-align: middle; border-radius: 5px; text-align: center; line-height: 40px; margin-left: 4px; margin-right: 4px;}
.btn-red2:hover{ background: #e02629; color: #fff; }
.btn-line{ transition: all .2s; height: 38px; width: 128px; border: 1px solid #fff; color: #fff; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-line:hover{ background: #fff; }
.btn-line2{ transition: all .2s; height: 38px; width: 128px; border: 1px solid #fd7977; color: #fd7977; font-size: 16px; border-radius: 5px; text-align: center; line-height: 38px; display: inline-block; vertical-align: middle; margin-left: 4px; margin-right:4px; }
.btn-line2:hover{ background: #fd7977;color: #fff }
.btn-line-big{ width: 178px; height: 48px; line-height: 48px; font-size: 18px;}
.btn-red-shadow{ background: url(../images/common/button-red-a.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-red-shadow:hover{ color:#fff; background-position: right top; }
.btn-blue-shadow{ background: url(../images/common/button-blue.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-blue-shadow:hover{ color:#fff; background-position: right top; }
.btn-black-shadow{ background: url(../images/common/button-black.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-black-shadow:hover{ color:#fff; background-position: right top; }
.btn-green-shadow{ background: url(../images/common/button-green.png) no-repeat left top; font-size: 18px; width: 200px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-green-shadow:hover{ color:#fff; background-position: right top; }
.btn-green-shadow-s{ background: url(../images/common/button-green-s.png) no-repeat left top; font-size: 18px; width: 160px; height: 70px; line-height: 50px; display: inline-block; vertical-align: middle; text-align: center; color: #fff; }
.btn-green-shadow-s:hover{ color:#fff; background-position: right top; }
.section-title{ text-align: center; padding-top: 52px; margin-bottom: 58px;}
.section-title h2{ font-size: 36px; color: #333; margin-bottom: 40px;}
.section-title p{ font-size: 16px; color: #95989d; }
.section-title .crown{ font-size: 24px; background: url(../images/framework/02-img1.png) no-repeat center bottom; padding-bottom: 13px; margin-bottom: 10px;}
.section-title.white h2{ color: #fff; }
.section-title.white p{ color: #fff; }
.mod-line-bg{background: url(../images/common/line-bg.jpg) repeat-y left top; background-size: 100%; color: #fff;}

/*head*/
.header{ height: 79px; border-bottom: 1px solid #e0e0e0; position: fixed; left: 0; right: 0; top: 0; z-index: 99; background: #fff; font-size: 14px;}
.header-padding{ height: 80px; display: block; }
.header .hd_logo{ 
    width: 179px; height: 60px;
    margin-top:10px; 
    background: url(/Content/images/newuser-logo.png) no-repeat left top;
    /*background-size:160px 137px;*/
    float: left;
    

}
.header .hd_nav{ float: left; margin-left: 48px;}
.header .hd_nav .nav_item{ float: left; }
.header .hd_nav .nav-link{ line-height: 79px; display: block; padding: 0 25px; position: relative;}
.header .hd_nav .current .nav-link{ color: #ed353c; }
.header .hd_nav .nav_item.current .nav-link:after,
/*.header .hd_nav .nav_item:hover .nav-link:after{ content: ""; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; background: #ed353c; }*/
.header .hd_nav .nav-slide{ position: absolute;z-index: -1; left: 0; right: 0; top: 80px; background: #fff; overflow: hidden;}
.header .hd_nav .nav-slide .i-hot,
.header .hd_nav .nav-slide .i-new{ width: 40px; height: 19px; display: inline-block; vertical-align: sub; margin-left: 5px;}
.header .hd_nav .nav-slide .i-hot{ background: url(/Content/images/menu-hot.gif) no-repeat; }
.header .hd_nav .nav-slide .i-new{ background: url(/Content/images/menu-new.gif) no-repeat; }
.header .hd_nav .ns-list{ margin-top: -100%; opacity: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; -webkit-transition-timing-function: cubic-bezier(1,0,0,1); -moz-transition-timing-function: cubic-bezier(1,0,0,1); transition-timing-function: cubic-bezier(1,0,0,1);}
.header .hd_nav .ns-list:after{ content: ""; display: block; height: 20px; }
.header .hd_nav .nav_item:hover .nav-slide{ box-shadow: 0 2px 10px rgba(0,0,0,.1);}
.header .hd_nav .nav_item:hover .ns-list{margin-top: 0; opacity: 1; -webkit-transition: margin-top 0.3s ease; -moz-transition: margin-top ease 0.3s; transition: margin-top 0.3s ease;}
.header .hd_nav .ns-list dl{ float: left; width:250px; margin: 30px 50px 30px 0;}
.header .hd_nav .ns-list dt{ font-size: 18px; line-height: 60px; border-bottom: 1px solid #DCDCDC; margin-bottom: 16px; margin-right: 30px;}
.header .hd_nav .ns-list dd{ line-height: 32px; }
.header .hd_nav .ns-list .dl-block{ float: none; width: 100%; margin: 10px 0 30px 0;  }
.header .hd_nav .ns-list .dl-block dt{ width: 190px; }
.header .hd_nav .ns-list .dl-block dd{ overflow: hidden; }
.header .hd_nav .ns-list .dl-block dd a{ float: left; margin-right: 40px; padding: 10px 0;}
.header .hd_nav .ns-list .dl-block dd a:hover{ color: #ed353c; }
.header .hd_nav .ns-recommend{ background: #F4F4F4; padding: 20px 0;}
.header .hd_nav .nr-hd{ float: left; width: 73px; height: 30px; line-height: 30px; padding-left: 10px; background: url(../images/common/menu-jt.png) no-repeat; color: #fff;}
.header .hd_nav .nr-list{ margin-left: 85px; }
.header .hd_nav .nr-list li{ float: left; line-height: 30px; margin: 0 20px;}
.header .hd_nav .ns-list .links{ padding: 30px 0; }
.header .hd_nav .ns-list .links a{ float: left; margin-right: 40px; }
.header .hd_nav .ns-list .links a:hover{ color: #ed353c; }
.header .hd_nav .ns-list .service-box{ float: left; margin-top: 43px;}
.header .hd_nav .ns-list .service-box p{ font-size: 16px; color: #888888; line-height: 36px;}
.header .hd_nav .ns-list .service-box p span{ color: #333; }
.header .hd_nav .ns-list .service-box a{ width: 130px; height: 36px; line-height: 36px; text-align: center; margin-top: 10px; border: 1px solid #DCDCDC; display: block; color: #ed353c }
.header .hd_extra{ float: right; margin-top: 19px;}
.header .hd_extra .elink{ float: left; padding: 0 9px; line-height: 40px;}
.header .hd_extra .elink:nth-child(2){ display: none; }
.header .hd_extra .elink i{ display: inline-block; width: 23px; height: 17px; margin-right: 5px;}
.header .hd_extra .elink i.i-cloud{ background: url(../images/common/top-icon-1.png) no-repeat center; vertical-align: middle;}
.header .hd_extra .elink i.i-bag{ background: url(../images/common/top-icon-2.png) no-repeat center; vertical-align: sub;}
.header .demo{ float: left; margin-left: 15px; position: relative;}
.header .demo-sub{ display: none; position: absolute;  top: 40px; right: 0; padding-top: 10px;}
/*.header .demo:hover .demo-sub{ display: block; }*/
.header .demo-sub .arrow{ position: absolute; right: 59px; top: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #ED3C3F;}
.header .demo-sub .inner{ width: 600px; height: 472px; border: 3px solid #ED3C3F; text-align: center; background: #fff;}
.header .demo-sub .title{ font-size: 32px; margin-bottom: 15px; margin-top: 20px;}
.header .demo-sub .subtitle{ font-size: 20px; margin-bottom: 10px;}
.header .demo-sub .subtitle.red{ color: #ED3C3F; }
.header .demo-sub .subtitle.blue{ color: #3DBAF7; }
.header .demo-sub .demo-table-wp{ padding: 0 30px; }
.header .demo-sub .demo-table{ width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 20px;}
.header .demo-sub .demo-table tr{ border: 1px solid #ddd; }
.header .demo-sub .demo-table th,
.header .demo-sub .demo-table td{ padding: 6px 14px; }
.header .demo-sub .demo-table td a{ color:#666;}
.header .demo-sub .demo-table td a:hover{ color:#ec5051;}
.header .demo-sub .qrcode-list{ padding: 0 50px; }
.header .demo-sub .qrcode-list li{ float: left; width: 25%; text-align: center; font-size: 14px;}
.header .demo-sub .qrcode-list li img{ width:98px; height:98px;}

/*foot*/
.footer{ color: #999; font-size: 14px; background: #222;}
.footer a{ color: #999; }
.footer a:hover{ color: #aaa; }
.footer .footer_service{ background: #272727; padding: 40px 0; }
.footer .footer_service li{ float: left; width: 300px; }
.footer .footer_service li i{ float: left; width: 50px; height: 50px; background: url(../images/common/bottom-icon.png) no-repeat;}
.footer .footer_service li.item-1 i{ background-position: 0 0; }
.footer .footer_service li.item-2 i{ background-position: -60px 0; }
.footer .footer_service li.item-3 i{ background-position: -120px 0; }
.footer .footer_service li.item-4 i{ background-position: -180px 0; }
.footer .footer_service li .text{ padding-left: 70px; }
.footer .footer_service li .text .h3{ font-size: 18px; color: #fff; }
.footer .footer_link{ padding-top: 58px; overflow: hidden; border-bottom: 1px solid #353535; padding-bottom: 57px;}
.footer .footer_link .ft-help{ float: left; border-right: 1px solid #353535; width: 283px; padding-left: 60px; position: relative;}
.footer .footer_link .ft-help img{ width:96px}
.footer .footer_link .ft-help .i-service{ width: 42px; height: 44px; top: 5px; background: url(../images/common/bottom-kf.png) no-repeat; position: absolute; left: 0;}
.footer .footer_link .ft-help .bd-hot{ font-size: 24px; color: #fff; margin-bottom: 14px;}
.footer .footer_link .ft-help .btn-service{ width: 100px; height: 30px; transition: all .2s; border: 1px solid #fff; margin-bottom: 20px; text-align: center; line-height: 30px; display: block; color: #fff; }
.footer .footer_link .ft-help .btn-service:hover{ color: #222; background: #fff; }
.footer .ft-menu{ float: left; width: 850px; }
.footer .ft-menu .menu-list{ float: left; margin-left: 30px; }
.footer .ft-menu .menu-list dt{ font-size: 24px; color: #fff; margin-bottom: 13px; }
.footer .ft-menu .menu-list a{ display: block; line-height: 30px; }
.footer .ft-menu .menu-1{ width: 290px; margin-left: 40px;}
.footer .ft-menu .menu-1 a{ float: left; width: 250px; }
/*.footer .ft-menu .menu-2{ width: 170px; }*/
.footer .ft-menu .menu-3{ width: 102px;  margin-left: 70px;}
/* .footer .ft-menu .menu-3 dd a:nth-child(2){ display: none; } */
.footer .footer_copy{ text-align: center; padding-bottom: 56px; padding-top: 43px;}
.footer .footer_copy p{ line-height: 2; color: #737373;}
.footer .footer_copy p span{ margin: 0 10px; }
.footer .ft-friend{ padding: 0 0 30px;}
.footer .ft-friend a{ margin: 0 20px; }

/*suspension*/
.suspension {position: fixed; z-index: 55; right: 0; top: 100px; width: 70px; height: 240px; }
.suspension-box {position: relative; float: right; }
.suspension .a {display: block; width: 44px; height: 44px; background-color: #353535; margin-bottom: 4px; cursor: pointer;outline:none; }
.suspension .a.active,
.suspension .a:hover{ background: #F05352; }
.suspension .a .i{ float: left; width: 44px; height: 44px; background-image: url(../images/suspension/side_icon.png); background-repeat: no-repeat;}
/* .suspension .a-service .i{ background-position: 0 0; } */
.suspension .a-service .i {
	width: 20px; height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension/suspension-bg.png);
    background-repeat: no-repeat;
	background-position: 0 0;
    }
.suspension .a-service-phone .i {
	width: 20px; height: 20px;
	    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension/suspension-bg.png);
    background-repeat: no-repeat;
	background-position: -27px 0;
    }
.suspension .a-qrcode .i{ background-position: -44px 0; }
.suspension .a-cart .i{ background-position: -88px 0; }
.suspension .a-top .i{ background-position: -132px 0; }
.suspension .a-top{ background: #D2D3D6; display: none;}
.suspension .a-top:hover{ background: #c0c1c3; }
.suspension .d{ display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{ position: absolute; width: 8px; height: 12px; background: url(../images/suspension/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service{top: 0;}
.suspension .d-service-phone{top: 34px;}
.suspension .d-qrcode{ top: 78px; }
.suspension .d .inner-box{ padding: 8px 22px 12px; }
.suspension .d-service-item{ border-bottom: 1px solid #eee; padding: 14px 0; }
.suspension .d-service .d-service-item{ border-bottom:none; }
.suspension .d-service-item .circle{ width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left;}
.suspension .d-service-item .i-qq{ width: 44px; height: 44px; background: url(../images/suspension/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden;}
.suspension .d-service-item:hover .i-qq{ background-position: center 3px; }
.suspension .d-service-item .i-tel{ width: 44px; height: 44px; background: url(../images/suspension/side_con_icon02.png) no-repeat center center; display: block;}
.suspension .d-service-item h3{ float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text{ float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text .number{font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{ padding-top: 10px; }
.suspension .d-service-intro p{ float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888;}
.suspension .d-service-intro i{ background: url(../images/suspension/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode{ text-align: center; }
.suspension .d-qrcode .inner-box{ padding: 20px 0; }
.suspension .d-qrcode p{ font-size: 16px; color: #93959c; }
.suspension .d-cart-empty{ text-align: center; padding: 40px 0; }
.suspension .d-cart-empty p{ font-size: 12px; color: #888; margin-top: 10px;}
.suspension .d-cart-wrap{ padding: 16px; }
.suspension .d-cart .cart-list{ overflow: hidden; }
.suspension .d-cart .cart-list .item{overflow: hidden; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; }
.suspension .d-cart .cart-list .img{ float: left; width: 60px; }
.suspension .d-cart .cart-list .info{ float: left; width: 111px; margin-left: 10px; padding-top: 3px;}
.suspension .d-cart .cart-list .name{ line-height: 20px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 5px;}
.suspension .d-cart .cart-list .price{ text-align: right; font-size: 16px; color: #f25052; }
.suspension .d-cart .total{ line-height: 25px; position: relative; height: 25px; font-size: 14px; margin-bottom: 10px;}
.suspension .d-cart .total .number{ position: absolute; right: 0; top: 0; font-size: 18px; color: #f25052}
.suspension .d-cart .total .red{ font-weight: 700; margin-right: 3px; }
.suspension .d-cart .go-cart{ width: 100%; height: 36px; line-height: 36px; text-align: center; color: #fff; background: #F05352; display: block; }
.suspension .d-cart .go-cart:hover{ color: #fff; }



.qrcode-img img{width:225px;height:225px;}