.w-1050 {
    margin: 0 auto;
    width: 1050px;
}

.login-header {
    height: 92px;
}

.login-header .logo {
    margin-top: 30px;
}

.login-header .logo a {
    float: left;
    width: 214px;
    height: 49px;
    background: url(../images/login/logins.png)no-repeat;
}

.login-header .logo .title {
    display: inline-block;
    margin: 5px 0 0 15px;
    padding-left: 15px;
    border-left: 1px solid #ddd;
    font-size: 24px;
}

.login-header .about {
    margin: 55px 0 0 0;
}

.login-header .about a {
    float: left;
    padding: 0 10px;
}

.login-header .about .line {
    margin-top: 2px;
    width: 1px;
    height: 13px;
    background-color: #d5d5d5;
}

/*妯箙*/
.login-banner {
    background: url(../images/login/login-img-bg.png) center no-repeat #0068b7;
}

.login-banner .login-banner-body {
    height: 493px;
    background: url(../images/login/login-img.jpg) center no-repeat;
}

/*鐧诲綍*/
.login-box-warp {
    margin: 80px 0 0 20px;
    width: 310px;
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0 !important;
    background-color: #fff;
    filter: Alpha(opacity=95);
}

.login-box-warp .title {
    height: 48px;
    border-bottom: 1px solid #dedede;
    line-height: 48px;
}

.login-box-warp .title dt {
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
}
.login-box-warp .title dt a{
    display: block;
}

.login-box-warp .title .over {
    border-bottom: 1px solid #0068b7;
    color: #0068b7;
    font-weight: bold;
}


.login-box-warp .login-body {
    padding:30px 28px 50px;
    float: left;
}

.login-box-warp .login-body .field {
    position: relative;
    width: 254px;
    float: left;
}

/*杈撳叆甯愬彿*/
.login-box-warp .login-body .username-field {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 12px;
    height: 39spx;
    border: 1px solid #ddd;
    background-color: #fff;
}

.login-box-warp .login-body .username-field .name-ico {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 40px;
    height: 40px;
    background: url(../images/login/account-ico.png) center #ddd;
}

.login-box-warp .login-body .text {
    width: 253px;
    font-size: 12px;
    line-height: 38px;
    height: 38px;
    padding: 0 8px 0 50px;
    border: 0;
}

.login-box-warp .login-body .code-text {
    padding: 0 8px;
    width: 131px;
    height: 38px;
    outline: 0;
    border: 0;
    color: #666;
    line-height: 38px;
}

.login-box-warp .login-body .password-label {
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 20px;
    height: 38px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.login-box-warp .login-body .password-label .password-ico {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 40px;
    height: 40px;
    background: url(../images/login/password-ico.png) center #ccc;
}
.login-box-warp .login-body .code-field {
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 20px;
	height: 40px;
}

.login-box-warp .login-body .code-field .code-m {
	overflow: hidden;
	width: 146px;
	height: 34px;
}

.login-box-warp .login-body .code-field .code-no {
	width: 92px;
	height: 34px;
	background-color: #fff;
}

.login-box-warp .login-body .code-field .code-no img {
	max-width: 92px;
	max-height: 34px;
}

/*鐧诲綍鎻愮ず*/
.login-box-warp .login-body .prompt {
    height: 20px;
}

.login-box-warp .login-body .prompt span {
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 5;
}

.login-box-warp .login-body .prompt span i {
    float: left;
    margin: 2px 3px 0 0;
    width: 14px;
    height: 14px;
    background: url(../images/login/th-ico.png);
}

.login-box-warp .login-body .remember {

}

.login-box-warp .login-body .remember input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.login-box-warp .login-body .remember a:hover {
    text-decoration: underline;
}

.login-box-warp .login-body .login-but {
    width:254px;
    height: 35px;
    line-height: 35px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #0068b7;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    cursor: pointer;
    zoom: 1;
    margin-top: 15px;
}

.login-box-warp .login-body .login-but:hover {
    background-color: #ec1600;
}

.register-box-warp {
    background: url(../images/login/registe-header-bg.png) repeat-x;
}

.register-box-warp .register-body {
    padding: 60px 0 60px 120px;
}

.register-box-warp .register-body .user-info {
    padding-right: 75px;
    width: 400px;
    border-right: 1px solid #e5e5e5;
}

.register-box-warp .register-body .user-info .sr-line li {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    height: 40px;
    border: 1px solid #ddd;
}

.register-box-warp .register-body .user-info .sr-line li span font{
    color: red;
    margin-right: 15px;
}

.register-box-warp .register-body .user-info .sr-line li .name {
    float: left;
    padding-left: 18px;
    width: 82px;
    line-height: 40px;
}

.register-box-warp .register-body .user-info .sr-line li input {
    float: left;
    width: 278px;
    height: 40px;
    padding: 0 10px;
    border: 0;
    line-height: 40px;
}

.register-box-warp .register-body .user-info .sr-line li input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px white inset;}

.register-box-warp .register-body .user-info .sr-line li .iphone-validation {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 99;
    width: 118px;
    height: 36px;
    border: 0;
    background-color: #f2f2f2;
}

.register-box-warp .register-body .user-info .sr-line li .img-validation {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 99;
    width: 118px;
    height: 40px;
    border: 0;
    background-color: #f2f2f2;
}

.register-box-warp .register-body .user-info .sr-line li .img-validation img {
    width: 100%;
    height: 90%;
}

.register-box-warp .register-body .user-info .sr-line li .prompt {
    position: absolute;
    top: 55px;
    left: 0;
}

.register-box-warp .register-body .user-info .sr-line li .prompt i {
    margin: 2px 5px 0 0;
    width: 14px;
    height: 14px;
    background: url(../images/login/th-ico.png);
}

.register-box-warp .register-body .user-info .remember {
    overflow: hidden;
    overflow: hidden;
    margin-bottom: 10px;
}

.register-box-warp .register-body .user-info .remember input {
    float: left;
    margin: 2px 4px 0 0;
    height: 15px;
}

.register-box-warp .register-body .user-info .remember a:hover {
    text-decoration: underline;
}

.register-box-warp .register-body .register-btn {
    width: 100%;
    height: 50px;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #0068b7;
    color: #fff;
    line-height: 30px;
}

.register-box-warp .register-body .register-btn:hover {
    background-color: #ec1600;
}

.register-box-warp .register-body .contact {
    margin-left: 56px;
    width: 390px;
}

.register-box-warp .register-body .contact .login {
    margin-bottom: 20px;
    line-height: 36px;
}

.register-box-warp .register-body .contact .login i {
    float: left;
    margin: 0 10px 0 0;
    width: 38px;
    height: 38px;
    background: url(../images/login/rw-ico.png) no-repeat;
}

.register-box-warp .register-body .contact .login a {
    margin-left: 10px;
}

.register-box-warp .register-body .contact .login a:hover {
    text-decoration: underline;
}

.register-box-warp .register-body .contact .tel {
    line-height: 20px;
}

.register-box-warp .register-body .contact .tel i {
    float: left;
    margin: 1px 10px 0 0;
    width: 38px;
    height: 38px;
    background: url(../images/login/iphone-ico2.png) no-repeat;
}
.register-box-warp .register-body .contact .prompt{
    margin-top: 20px;
    background-color: #f5f5f5;
    padding: 18px;
}
.register-box-warp .register-body .contact .prompt p{
    margin-bottom: 10px;
}
body, div, p, iframe, ul, li, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, table, th, td, input, button, select, textarea {
    margin: 0;
    padding: 0;

}
body,button,input,select,textarea{
    font:12px/1.5 'Microsoft YaHei',Arial, Helvetica, sans-serif;
    color: #666;
}

button{ cursor: pointer; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;}
button:active{
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
    opacity: 0.7;
}

input,button,select,textarea{outline:none;}

h1, h2, h3, h4{ font-weight: normal;}

li { list-style-type: none; }

em,i { display: block; font-style: normal; }

img { border: none; vertical-align: middle; }

a{
    position: relative;
    color: #666;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0.05);
    transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s;
}

a:hover{
    color: #df0012;
}

img {
    border: none;
    vertical-align: middle;
}

/*¸¡¶¯*/
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/*Çå³ý¸¡¶¯*/
.clearfloat{
    clear: both;
}

/*×ÖÌå*/
.eng{ font-family: verdana;}
.font12{ font-size:12px; }
.font14{ font-size:14px; }
.font16{ font-size:16px; }
.font18{ font-size:28px; }

.bold{ font-weight:bold;}
.center{ text-align: center;}


/*×ÖÌåÑÕÉ«*/
.col-3{ color: #333;}
.col-6{ color: #666;}
.col-8{ color: #888;}
.col-9{ color: #999;}

.col-f4{ color: #df0012;}

.green{ color: #00db23;}

.blue{ color: #40aef2;}

/*¼ä¾à*/
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt20{ margin-top: 20px !important;}
.mt30{ margin-top: 30px !important;}

.mr20{ margin-right: 20px;}

/*³¬³öÊ¡ÂÔºÅ*/
.ellipsis,.ellipsis-2 {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ellipsis-2 {
    -webkit-line-clamp: 2;
}

/*Ô²½Ç*/
.radius-3{ border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

/*±³¾°*/
.wrap-bg{ background-color: #f5f5f5;}
.bord-bg{ background-color: #fff; border: 1px solid #ececec;}
.whiteBg{ background-color: #fff;}


/*×ÜÌå¿í¶È*/
.w-1190{ width:1190px; margin:0 auto;}
.w-980{ width:980px; margin:0 auto;}

.centent{ position: relative; padding-bottom: 15px;}

/*¶¥²¿   Óû§ÐÅÏ¢*/
.site-nav-status-login{ background-color: #f4f4f4; }
.site-nav-status-login .site-nav-bd{ height: 30px; line-height: 30px; overflow:hidden; }
.site-nav-status-login .site-nav-bd a{ color: #888; white-space:nowrap;}
.site-nav-status-login .site-nav-bd a:hover{ color: #e10013; text-decoration: underline;}

.site-nav-status-login .site-nav-bd .site-nav-menu .line{ width:1px; height:12px; background-color: #cfcfcf; margin: 9px 10px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-menu .arrow-x-ico{ display: inline-block; width:9px; height:9px; background: url(../images/login/arrow-x-ico.png); margin: -13px 0 0 5px;}
.site-nav-status-login .site-nav-bd .site-nav-menu .feedback-ico{ width:16px; height:16px; background: url(../images/feedback-ico.png); margin: 8px 3px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-menu .contact-ico{ width:16px; height:16px; background: url(../images/contact-ico.png); margin: 8px 3px 0 0;}
.site-nav-status-login .site-nav-bd .site-nav-bd-l{ visibility: visible; float: left;}
.site-nav-status-login .site-nav-bd .site-nav-bd-l li{ float: left; padding: 0 6px;}

.site-nav-status-login .site-nav-bd .site-nav-bd-r{ float: right; }
.site-nav-status-login .site-nav-bd .site-nav-bd-r li{ float: left; padding: 0 6px;}

/*Í·²¿ µ¼º½*/
.header{ height:80px; background-color:#e10013;}
.header .logo{ float: left; width:270px; height:80px; background: url(../images/logo.png);}
.header .logo .return-home{ width:78px; height: 17px; line-height: 17px; text-align: center; color: #fff; border: 1px solid #ffb590; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; margin:46px 5px 0 20px;}
.header .logo .return-home:hover{ color: #f42100; border: 1px solid #fff; background-color: #fff; text-decoration: none;}
.header .mt-nav{ float: left; margin: 10px 0 0 65px;}
.header .mt-nav li{ float: left; color: #fff;}
.header .mt-nav li a{ display: block; width: 105px; line-height: 70px;  text-align: center; color: #fff;}
.header .mt-nav li a:hover{ color: #fff; text-decoration: none;}
.header .mt-nav li a.over{ background:url(../images/arrow-s-ico.png) bottom no-repeat;}

.header .dorpdown .order-btn{ float: left;  width: 135px; height:32px; margin: 25px 0 0 0; cursor: pointer; background-color: #fff; line-height: 32px; overflow: hidden;}
.header .dorpdown .order-btn .order-ico{ float: left; width: 23px; height: 23px; background:url(../images/order-ico.png); margin: 4px 5px 0 10px;  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.header .dorpdown .order-btn .order-ico.iconOver{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
.header .dorpdown .order-btn .arrow-r-ico{ float: right; width: 9px; height: 9px; background: url(../images/arrow-r-ico.png); margin: 12px 12px 0 0;}

/*¼ÓÈ빺Îï³µ */
.header .dorpdown .shopping-btn{ float: left; width: 135px; height:32px; margin: 25px 0 0 10px; cursor: pointer; background-color: #fff; line-height: 32px;}
.header .dorpdown .shopping-btn .order-ico{ float: left; width: 23px; height: 23px; background:url(../images/switch-icon.png); margin: 4px 5px 0 10px ;}
.header .dorpdown .shopping-btn .arrow-r-ico{ float: right; width: 9px; height: 9px; background: url(../images/arrow-r-ico.png); margin: 12px 12px 0 0;}
.header .dorpdown .shopping-btn .num{ position: absolute; left: 110px; top: -3px; font-size: 11px; line-height: 8px; color: #fff;   border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding: 4px 5px; background-color:#ec0001;}
.header .dorpdown .shopping-btn i{  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.header .dorpdown .shopping-btn i.iconOver{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}

/*×ó²àµ¼º½*/
.sidebar{ width: 195px;}
/*.sidebar .sidebar-nav{ border: 1px solid #e2e2e2; background-color: #fff;  padding: 10px 10px 2px; border-radius: 3px;}*/
.sidebar .sidebar-nav li{ margin-bottom: 10px; background-color: #fff; border:1px solid #e2e2e2; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px;}
.sidebar .sidebar-nav li h3{ position:relative; height: 31px; line-height: 30px; padding-left: 42px; cursor: pointer; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.sidebar .sidebar-nav li h3.over{ background-color: #fc4c3f; color: #fff;}
/*.overico-a{ background-color: #f0f0f0; background:url(../images/arrow-c-ico.png);}
.overico-a{ background-color: #999; background:url(../images/arrow-c-ico.png);} */
.sidebar .sidebar-nav li h3.currentDd{ background:url(../images/login/arrow-x-ico.png) 168px no-repeat #f0f0f0; color: #333;}
.sidebar .sidebar-nav li h3.currentDt{ background:url(../images/login/arrow-a-ico.png) 168px no-repeat #f0f0f0; color: #333; font-weight: bold;}


.sidebar .sidebar-nav li h3 .navico{ position:absolute; overflow:hidden; left:-1px; top: -1px; width: 32px; height: 32px; line-height: 0px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  -webkit-transition: 0.2s; -webkit-transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out;}
.sidebar .sidebar-nav li h3 .navover{ transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg);}
.sidebar .sidebar-nav li .subNav{ padding: 8px 12px;}
.sidebar .sidebar-nav li .subNav dd a{ padding: 3px 30px; display: block;}
.sidebar .sidebar-nav li .subNav dd a:hover{ text-decoration: underline;}
.sidebar .sidebar-nav li .subNav dd a.over{ color: #e10013; background:url(../images/subNav-arrow-ico.png) 18px no-repeat;}
.navContent{ display:none}


.sidebar .contact{ border: 1px solid #e2e2e2; background-color: #fff; padding: 4px;  border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.sidebar .contact h1{ height: 94px; background: url(../images/contact-nav.png);}
.sidebar .contact h1 .switch{  display: block; float: right; margin:10px 10px 0; width: 11px; height: 11px; cursor: pointer;}
.sidebar .contact h1 .switch.zs-hide{ background: url(../images/switch-ico.png);}
.sidebar .contact h1 .switch.zs-show{ background: url(../images/switch-over-ico.png);}
.sidebar .contact .ser-line{ padding: 10px 5px; line-height: 16px;}
.sidebar .contact .ser-line dt{ float: left; width: 37px; height:37px; background: url(../images/contact-QQ.png); margin:0 8px 8px;}
.sidebar .contact .ser-line dd .name{ margin-bottom:5px ;}

.sidebar-r{ width: 965px; }
.sidebar-two{ width: 975px;}

/*µ×²¿*/
.foot{ background-color:#fff; overflow: hidden; margin-top: 20px; border-top:2px solid #dedfe2 ;}
.foot .foot-body{ padding: 25px 0 30px; text-align: center;}
.foot .foot-body .nav-line{  margin-bottom: 20px;}
.foot .foot-body .nav-line a{ padding:0 10px; color: #6c6c6c;}
.foot .foot-body .nav-line a:first-child{ padding: 0 10px 0 0;}
.foot .foot-body .nav-line a:hover{ color: #e10013; text-decoration:underline;}
.foot .foot-body .address p{ margin-bottom: 5px;}

.shadow{  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  /* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  /* For IE 5.5 - 7 */
    -moz-box-shadow: 2px 2px 10px #9d9c9c;/* for firefox */
    -webkit-box-shadow: 2px 2px 10px #9d9c9c;/* for safari or chrome */
    box-shadow:2px 2px 10px #9d9c9c;/* for opera or ie9 */
}


.bounced-bg{ display: none; position: fixed; left:0; right: 0; top:0; bottom: 0; z-index:99; background:#000; -moz-opacity: 0.5; opacity:0.5; filter: alpha(opacity=50);}


.pages {
    overflow: hidden;
    padding: 0 0;
    width: 100%;
    text-align: center;
    line-height: 14px;
    margin-top: 20px;
}

.pages a{
    margin: 0 3px;
    background-color: #fff;
    font-size: 14px;
}

.pages a {
    padding: 4px 10px;
    border: 1px solid #eaeaea;
    border-radius: 2px;
    overflow: hidden;
}

.pages a:hover {
    color: #df0012;
}

.pages a.over {
    background: #df0012;
    color: #fff;
}

.pages u {
    margin-left: 10px;
    text-decoration: none;
    border-radius: 2px;
}

.pages u font {
    margin: 0 5px;
}

.pages a i {
    display: inline;
    font-family: ËÎÌå;
}

.pages input {
    margin: 0 4px;
    padding-left: 4px;
    width: 34px;
    border-radius: 2px;
    height: 28px;
    border: 1px solid #eaeaea;
}

.pages .but {
    padding: 0;
    width: 54px;
    height: 28px;
    border-radius: 3px;;
    background: #fff;
    cursor: pointer;
}

/*ÓҲ๤¾ßÀ¸*/
.side-toolbar-wrap{
    position: fixed;
    _position: absolute;
    width: 47px;
    top: 40%;
    right:0;
    margin-top: -149px;
    z-index: 9990;
    background-color: #b1b1b1;
}
.side-toolbar-wrap .side-toolbar-tabs {
    position: absolute;
    top:0;
    left: 0;
    width: 47px;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .dt{
    color: #fff;
    font-size: 14px;
    padding: 8px;
    line-height: 16px;
    text-align: center;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab{
    position: relative;
    width: 47px;
    height: 47px;
    margin-bottom: 1px;
    cursor: pointer;
    background-color: #b1b1b1;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-ico{
    width: 47px;
    height: 47px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    position: relative;
    z-index: 2;
    background-color: #b1b1b1;
}
.side-toolbar-wrap .side-toolbar-tabs .side-toolbar-tab .tab-text {
    width: 120px;
    height: 41px;
    line-height: 16px;
    color: #fff;
    text-align: right;
    padding: 6px 12px 0 5px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background-color: #b1b1b1;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    -webkit-transition: left .2s ease-in-out .1s;
    -moz-transition: left .2s ease-in-out .1s;
    transition: left .2s ease-in-out .1s;
    _display: none;
}