.container{padding-left: 5px; padding-right: 5px ; position: relative;}

.navbar-default{background-color: #FFFFFF; border:none;}
.navbar-fixed-top{border-width: 0;}
.navbar-brand{padding:0; margin-top: 20px; margin-right: 25px;}
.navbar-nav>li>a{padding-top:30px; padding-bottom: 30px;}
.nav>li>a{padding:30px 25px; font-size: 16px; font-weight: 700;}
.navbar-default .navbar-nav>li>a{color: #676767;}
.modal-header{text-align: center;}
.modal-title{margin: auto;}
.modal-body{padding: 0;}
.modal-body iframe{border: none; z-index: 20; position: absolute; left: 0; top: 0; background: #fff;}
.modal-body i{display: block; width: 32px; height: 32px; margin: auto;position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-image: url(../image/gif-loading.gif); background-size: 32px 32px;}
.modal-bottom{display: flex;  border-top: 1px solid #e5e5e5;}
.modal-bottom>div{flex: 1;height: 50px; text-align: center;}
.modal-bottom>div button{height: 100%; width: 100%; margin: auto;}

.modal-content{overflow: hidden;}
.alert{padding: 10px 20px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background: #FFFFFF;}
.form-group{margin-bottom: 0;}
.form-inline .form-group.huatai-form-vip{display: none;}
.navbar-default .navbar-nav>li>a:focus{color:#676767;}
.navbar-default .navbar-nav>li>a:hover{color: #1672f9;}
.navbar-default .navbar-nav>li.on>a{color: #1672f9;}
:focus{outline: none;}

@media (min-width: 768px){
	.navbar-right{margin-right: 0;}
	.navbar>.container .navbar-brand{ margin-left: 0;}
	.form-horizontal .control-label{ text-align: left;}
	.modal-dialog{ width: 80%;}
	.form-inline .form-group.huatai-form-vip{display: none;}
}

@media (min-width: 992px){
	.container {width: 90%;}
}

@media (min-width: 1200px){
	.container { width: 90%;}
}

.paddinglr0{ padding-left: 0; padding-right: 0;}
.paddinglr30{ padding-left: 30px; padding-right: 30px;}
.paddinglr35{ padding-left: 35px; padding-right: 35px;}
.paddingl0{ padding-left: 0; }
.paddingt10{padding-top: 10px;}
.marginb0{margin-bottom: 0 !important;}
.margint50{margin-top: 50px;}
.btn-huatai{width: 100%; height: 50px;  background: #fd6500; border-radius: 2px; color: #FFFFFF; font-size: 16px; border: none;}
.btn-huatai:hover{color: #FFFFFF;}
.btn-huatai.stop{background: #cccccc;}
.btn-huatai.gray{background: #999999; color: #FFFFFF;}

.icon{display: block; background-image: url(../image/common.png); background-size:550px 234px; background-repeat: no-repeat; z-index: 10;}
.icon-custom{width: 30px; height: 30px; position: absolute; left: -15px; top:0; bottom:0; margin: auto; background-position: 0 0;}
.icon-to{width: 15px; height: 10px; position: absolute; left:0; right: 0; top: 0; bottom: 0; margin: auto;background-position: -30px 0;}
.icon-calendar{z-index: -1; width: 15px; height: 15px; position: absolute; right:16px; top:0; bottom:0;margin: auto;background-position: -30px -10px; }
.icon-select{display:block; width: 36px; height: 38px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: #FFFFFF;}
.icon-select i{background-position:-30px -25px; position: absolute; width:10px ; height: 6px; left: 0; right: 19px ; top:0; bottom:0; margin: auto; z-index: 20;}

.huatai-login-cover{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1100; background: rgba(0,0,0,.7)}
.huatai-login{display: none; padding: 40px; width: 400px; position: fixed; left:0; right:0; top: 200px; margin: auto; z-index: 1200; background: #ffffff;}

.huatai-nav{box-shadow: 2px 0 10px #999999;}
.nav>li.huatai-nav-buy{ height: 80px; line-height: 80px; display: none ;}
.huatai-nav-item li.on i{display: block; position: absolute; width: 100%; height: 2px; background: #1672f9; left: 0; bottom: 0; z-index: 5;}
.huatai-nav-buy label{ font-size: 28px; height: 80px; font-weight: 100; color:#666666 ; margin-bottom: 0; margin-right:20px ;}
.huatai-nav-buy label span{color: #fd6500;}
.huatai-nav-buy label span i{ font-style: normal; font-size: 14px; margin-left: 20px;}
.huatai-buy-btn{ display: inline-block; width: 132px; height: 50px;}
.huatai-buy-btn button{line-height: 50px;}

.huatai-banner{padding-top: 80px;}
.huatai-banner a{display: block;}

.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px;left:0;width:100%; font-size: 0; height:15px;}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.swiper-pagination-bullet{width:15px;height:15px;display:inline-block;border-radius:50%;background:#FFFFFF ; opacity: 0.5;}
.swiper-pagination-bullet-active{opacity:1;background:#FFFFFF}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative;}
.swiper-slide img{ width: 100%;}
.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:29px;height:48px;margin-top:-24px;z-index:10;cursor:pointer;background-image: url(../image/common.png); background-size:550px 234px; opacity: 0.5;-webkit-opacity: 0.5; -moz-opacity: 0.5; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s;}
.swiper-button-prev:hover,.swiper-button-next:hover{opacity: 1;-webkit-opacity:1; -moz-opacity:1;}
.swiper-button-prev{left:30px;right:auto; background-position: 0 -91px;}
.swiper-button-next{right:30px;left:auto;  background-position: -30px -91px;}

.huatai-cals{ width: 100%; padding:30px 15px;}
.huatai-cals.absolute+.huatai-content-empty{margin-top: 182px;}
.huatai-cals.absolute{position: absolute;left: 0; top: -60px; z-index: 50; border-radius:10px ; box-shadow: 0 3px 12px rgba(0,0,0,0.1);padding: 30px 35px 30px; background: rgba(255,255,255,1);}
.huatai-cals h4{ margin-top: 0; font-size: 20px; margin-bottom: 15px; color: #666666; font-weight: 700;}
.huatai-cals label{ font-size: 20px; color: #666666; margin-bottom: 0;}
.huatai-cals label i{font-style: normal; color:#fd6500;}
.huatai-cals label span{ font-size: 30px; color: #fd6500; margin-right: 10px;}
.huatai-cals p{color:#fd6500 ; font-size: 16px; margin-bottom: 20px;}
.huatai-cals-form label{ font-size: 14px; color: #999999; font-weight: 100; margin-bottom: 5px; width: 100%;}
.huatai-cals-form .form-control{background: transparent; height: 38px; border-radius: 2px; border: 1px solid #DDDDDD; box-shadow:none; -webkit-box-shadow: none;}
.huatai-cals-form .form-group{position: relative;}
.huatai-cals-form.absolute .form-group{margin-bottom: 0; position: relative;}
.huatai-cals-form .form-group span{ right: 1px; bottom: 1px; margin: 0; top:auto; height: 36px; z-index: -1;}
.huatai-cals-form .form-group span i{ right: 10px;}
.huatai-cals .huatai-cals-item{ width:100%; margin-bottom: 15px;}
.huatai-cals.absolute .huatai-cals-item{ padding-right: 20px; margin-bottom: 0; display: inline-block; width: 155px; vertical-align: bottom;}
.huatai-cals.absolute .huatai-cals-item.duringtime{width: 324px; padding-right:0;}
.huatai-cals-btn{ width:150px; display: inline-block; vertical-align: bottom;}
.huatai-cals-price{ font-size: 20px; color: #fd6500;display: inline-block; height: 50px; margin-right: 20px;}
.huatai-cals-price i{font-size: 36px; font-style: normal; }
.huatai-cals-item select{appearance: none; -webkit-appearance: none; -moz-appearance: none;}

.huatai-content-empty{height: 50px;}
.huatai-product{border:1px solid #dddddd; border-bottom:none; border-radius: 2px; font-size: 16px ; margin-bottom: 20px;}
.huatai-product ul{ padding: 0; margin: 0;}
.huatai-product ul li{ list-style: none; float:left;}
.huatai-product.v1 ul li{width: 100%;}
.huatai-product.v2 ul li{width: 50%;}
.huatai-product.v3 ul li{width: 33.333%;}
.huatai-product.v4 ul li{width: 25%;}
.huatai-item-header{color: #a2a2a2; padding: 10px 20px;}
.huatai-item-title{color:#696969; padding: 10px 20px;}
.huatai-product-category ul li{cursor: pointer; border-left: 1px solid #dddddd; padding: 10px 0; text-align: center;color: #a2a2a2; position: relative;}
.huatai-product-category ul li i{position:absolute; display:none; width: 55px; height: 38px; right: 10px; top:-20px; z-index: 20; background-image: url(../image/icon-recommend.svg); background-size: cover;}
.huatai-product-category ul li i.on{display: block;}
.huatai-product-header{ border-bottom: 1px solid #dddddd;}
.huatai-product-item{ border-bottom: 1px solid #dddddd;box-sizing: border-box;}
.huatai-product-item ul li{ border-left: 1px solid #dddddd; padding: 10px 0;color: #6f6f6f; position: relative;}
.huatai-product-item ul li p{ display: inline-block; margin-bottom: 0; height: 100%; width: 63%; text-align: right; vertical-align: middle;}
.huatai-product-item.x2 ul li{line-height: 44px;}
.huatai-product-item.x3 ul li{line-height: 66px;}
.huatai-product-item.x4 ul li{line-height: 88px;}
.huatai-product-item:hover{ background: #fde87f;}
.huatai-product-footer{ border-bottom:1px solid #dddddd ;}
.huatai-product-footer ul li{position: relative; line-height: 63px; text-align: center; border-left:1px solid #dddddd ; font-size: 20px; font-weight: 700; color: #666666;}
.huatai-product-empty{ height: 63px;}
.huatai-item-detail{ width: 14px; height: 14px; display: inline-block;vertical-align: middle; margin-left: 6px; position: relative;}
.huatai-item-detail i{display:none; width: 14px; height: 14px;background-position: -45px 0; cursor: pointer;}
.huatai-item-detail i.on{display: block;}
.huatai-item-detail i.on2{display:block;}
.huatai-product-item:hover .huatai-item-detail i{background-position: -45px -14px;}
.huatai-item-detail i:hover+span{display: block;} 
.huatai-item-detail span{ display: none; width: 300px; border: 1px solid #dddddd; padding: 12px 10px; background: #FFFFFF; position: absolute;  z-index: 10; right: 30px ;top: 0;line-height: 20px;font-size: 14px; text-align: left;}
.huatai-item-detail span:before{content: ''; display: block;position: absolute; right: -8px; top:0; bottom:0; margin: auto; width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #dddddd;border-bottom: 7px solid transparent; z-index: 5;}
.huatai-item-detail span:after{content: ''; display: block;position: absolute; right: -6px; top:0; bottom:0; margin: auto; width: 0;height: 0;border-top: 5px solid transparent;border-left: 6px solid #ffffff;border-bottom: 5px solid transparent; z-index: 10;}
.huatai-product-category ul li span{display:none;}
.huatai-product-category ul li.on span{ display: block; width: 101%; height: 55px; line-height: 55px; color: #666666;; border: 1px solid #ffcf00; border-bottom: none; position: absolute; left: -1px; bottom:-1px; border-radius: 2px; z-index: 10; background-image: url(../image/bg-category.png); background-repeat:repeat-x ;}
.huatai-product-item ul li.on{border-left:1px solid #ffcf00 ;}
.huatai-product-item ul li.on:before{content: ''; display: block; width: 1px ; height: 100%; background:#ffcf00 ; position: absolute;top:0 ; right: -1px; z-index: 5;}
.huatai-product-footer ul li.on{border-left:1px solid #ffcf00 ; color: #fd6300;}
.huatai-product-footer ul li.on:before{ content: ''; display: block; width: 1px ; height: 100%; background:#ffcf00 ; position: absolute;top:0 ; right: -1px; z-index: 5;}
.huatai-product-footer ul li.on:after{content:''; display: block; width: 100%; height: 1px; background: #ffcf00; position: absolute; left: 0; bottom: -1px; z-index: 5;}

.huatai-tab-content a{display: block;}
.huatai-tab-content a img{display: block; width: 100%;}

.huatai-cue{font-size:14px ; color:#a5a5a5; margin-bottom: 30px; text-align: left;}

.huatai-btngroup{margin: 0 auto; text-align: left;}
.huatai-btngroup button{margin-bottom: 30px;padding: 0 55px; margin-right: 25px; height: 60px; color: #FFFFFF; font-size: 16px; background-image: url(../image/bg-btn.png); background-repeat: repeat-y; border: none ; border-radius: 2px; margin-bottom: 30px;}
  
.huatai-form-nav .navbar-brand{ margin-top: 10px; margin-right: 0; margin-bottom: 40px;}
.huatai-form-nav .nav>li>a{padding:20px 25px;}

.huatai-form-progress{ text-align: center; margin-bottom: 55px;}
.huatai-form-progress ul{padding: 0; margin: 0;}
.huatai-form-progress ul li{ display: inline-block;}
.huatai-progress-title{margin-bottom: 20px !important;}
.huatai-progress-title li{font-size: 16px; color: #999999; font-weight: 700;}
.huatai-progress-title li.on{color: #1772fa;}
.huatai-progress-title li i{display: inline-block; width: 8px; height: 12px; background-position: -60px 0; vertical-align: middle; margin:0 20px;}
.huatai-progress-style{font-size: 0;}
.huatai-progress-style li{ height: 2px; position: relative; background:#eeeeee ;}
.huatai-progress-style li.on{ background: #1772fa;}
.huatai-progress-style li.on i{background:#1772fa; border:1px solid #1772fa;}
.huatai-progress-style li i{ display: block; width: 8px; height: 8px; border-radius: 50%; border:1px solid #eeeeee; background: #FFFFFF; position: absolute; z-index: 5; top: -3px;}
.huatai-style-first{ width: 70px; } 
.huatai-style-middle{width: 140px; }
.huatai-style-end{ width: 70px;}
.huatai-style-first i{left: 0;}
.huatai-style-middle i{left: 0; right: 0; margin: auto;}
.huatai-style-end i{ right: 0;}

.huatai-form-title{ font-size:30px; color: #666666; font-weight: 700; text-align: center; margin-bottom: 40px;}
.huatai-form{ font-size: 16px; color: #666666;}
.huatai-form h5{font-size: 16px; font-weight: 700; margin-bottom: 12px; position: relative; overflow: hidden;}
.huatai-form h5 span{cursor: pointer; width: 40px; height: 40px; display: block; position: absolute; top: -10px; right: 0; z-index: 10; text-align: center; line-height: 40px;}
.huatai-form h5 span i{ font-size: 20px;}
.huatai-form .form-group{width: 100%; height: 48px; border: 1px solid #dddddd; border-bottom: none;}
.huatai-form .form-group.error{background: #ffe5e5;}
.huatai-form .form-group label{white-space: nowrap; margin: 0; height: 100%;  vertical-align: top; line-height: 48px; padding-left: 15px; padding-right: 0;}
.huatai-form .form-group label i{color: #ff0000; display: none;}
.huatai-form .form-group label i.show{display: inline-block !important;}
.huatai-form .form-group select{border: none; box-shadow: none; border-radius: 0; width: 100%; height: 46px;color: #8c8c8c;font-weight: 700; font-size: 16px; color: #666666;appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.huatai-form .form-group input{border: none; box-shadow: none; border-radius: 0; width:100%; height: 47px;color: #8c8c8c;font-weight: 700;font-size: 16px; color: #666666;}
.huatai-form .form-group.error input{background: #ffe5e5;}
.huatai-form .form-group button{ width: 116px; height: 47px; position: absolute; right:0; top:0; z-index: 10; border: none; background: #FFFFFF; color: #1772fa;}
.huatai-form .form-inline{margin-bottom: 20px; border-bottom: 1px solid #DDDDDD;}
.huatai-form-vip{ border-top: none !important; padding-left: 20px; height: 40px !important; color: #fd6500;}
.huatai-form-checkbox{position: relative; display: inline-block; width: 100%; height: 20px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: 700 !important; margin-bottom: 10px !important;}
.huatai-form-checkbox i{ display: inline-block; width: 20px; height: 20px; background-position:0 -31px ; vertical-align: top; margin-right: 10px;}
.huatai-form-checkbox.on i{background-position:-20px -31px ;}
.huatai-form-checkbox input[type="checkbox"]{position: absolute !important; left:0; top:-20px;}
#btnAgreeRenewLabel{height: auto;}
#btnAgreeRenewLabel i{position: absolute;}
#btnAgreeRenewLabel .text{display: inline-block; margin-left: 33px;}
#btnAgreeLabel{height: auto;}
#btnAgreeLabel i{position: absolute;}
#btnAgreeLabel .text{display: inline-block; margin-left: 33px;}

.huatai-form-submit{ padding: 0 60px; margin-top: 50px; margin-bottom: 100px;}
.huatai-form-submit h1{ color: #fd6500; font-size: 34px; font-weight: 700;}
.huatai-form-submit h1 span{font-size: 22px;}
.huatai-form-submit p{ font-size: 16px; color: #666666; display: none;}
.huatai-form-submit label{padding-left: 0; font-size: 14px; font-weight: 100 !important;}
.huatai-form-submit label a{color: #1772fa;}
.huatai-form-btn{width: 300px; display: inline-block; margin-right: 20px;}
.huatai-form-btn.back{width: 150px;}

.huatai-form-list h5{ color:#999999; font-weight: 100; font-size: 16px;}
.huatai-form-list p{ font-size: 16px; color: #333333; margin-bottom: 25px; font-weight: 700;}
.huatai-form-result{min-height: 418px; width: 100%; border: 1px solid #dddddd; border-radius: 2px; padding: 15px 20px;}
.huatai-form-result h5{ color: #b5b5b5; font-size: 16px;}
.huatai-form-result label{font-size: 16px; color: #333333; font-weight: 700;}
.huatai-result-item{ font-size: 14px; color: #666666; padding: 12px 0; border-bottom: 1px dashed #e6e6e6;}
.huatai-result-item p{ color: #999999; margin-top: 12px;margin-bottom: 0;font-size: 12px;}

.huatai-form-special{display: none;}
.huatai-form-special .select2-selection{height: 47px; border: 0;} 
.huatai-form-special .select2-selection__arrow{display: none;}
.huatai-form-special .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 12px; font-weight: 700; font-size: 16px; color: #666666; line-height: 47px;}
.huatai-form-special .select2-container--disabled .select2-selection--single{cursor: not-allowed;}
.huatai-form-special .select2-container--disabled .select2-selection--single:focus{border: 0;}
.huatai-form-special .select2-container--classic .select2-selection--single{background-color: #fff; background-image: none;}
.huatai-form-special .select2-container--classic .select2-selection--single:focus{border: 0;}
.huatai-form-special .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{ background-image: none; border: 1px solid #ddd; border-bottom: none;}
.huatai-form-special .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{ background-image: none; border: 1px solid #ddd; border-top: none;}
.select2-container--classic.select2-container--open .select2-dropdown--below {border-color: #ddd;}
.select2-container--classic.select2-container--open .select2-dropdown--above {border-color: #ddd;}


.huatai-form .huatai-form-sku{border-bottom: none;}
#huatai-form-sku{height: auto; border: none;}
.skuOptionBox{padding-top: 5px; padding-bottom: 5px; height: 50px;  }
.skuOption{width: 100%; height: 100%; line-height: 39px; border: 1px solid #dddddd; border-radius: 3px; text-align: center; color: #888; font-weight: 600; cursor: pointer;}
.skuOption:hover{color: #1772fa; border: 1px solid #1772fa;}
.skuOption-selected{color: #1772fa; border: 1px solid #1772fa;}

.huatai-wait{position: fixed; width: 100%; height: 100%; background:rgba(0,0,0,0.6); left: 0; top: 0; z-index: 2000;opacity: 0; -webkit-opacity: 0; -moz-opacity: 0; transition: opacity 0.5s; -webkit-transition:opacity 0.5s ; -moz-transition: opacity 0.5s;}
.huatai-wait.on{opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
.huatai-wait-content{ text-align: center; width: 200px; height: 200px; background: #FFFFFF; border-radius: 6px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.huatai-wait-content h4{ margin-top: 60px;}

.huatai-alert{position: fixed; width: 100%; height: 100%; background:rgba(0,0,0,0.6); left: 0; top: 0; z-index: 2000;opacity: 0; -webkit-opacity:0; -moz-opacity: 0; transition: opacity 0.5s; -webkit-transition:opacity 0.5s ; -moz-transition: opacity 0.5s; }
.huatai-alert.on{opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
.huatai-alert-wrap{overflow: hidden; width: 350px; height: 230px; background: #FFFFFF; border-radius: 10px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 10;}
.huatai-alert-header{ height: 50px; text-align: center; line-height: 50px; font-size:18px; border-bottom: 1px solid #DDDDDD; color:#999999 ;}
.huatai-alert-content{ display: table-cell; width: 350px; height: 130px; vertical-align: middle; text-align: center; font-size: 20px; }
.huatai-alert-content>div{padding-left: 15px; padding-right: 15px;}
.huatai-alert-footer{position: absolute; bottom: 0; width: 100%}

.huatai-confirmDialog{position: fixed; width: 100%; height: 100%; background:rgba(0,0,0,0.6); left: 0; top: 0; z-index: 2000;opacity: 0; -webkit-opacity:0; -moz-opacity: 0; transition: opacity 0.5s; -webkit-transition:opacity 0.5s ; -moz-transition: opacity 0.5s; }
.huatai-confirmDialog.on{opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
.huatai-confirmDialog-wrap{overflow: hidden; width: 450px; height: 250px; background: #FFFFFF; border-radius: 10px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 10;}
.huatai-confirmDialog-title{height: 50px; text-align: center; line-height: 50px; font-size:18px; border-bottom: 1px solid #DDDDDD; color:#999999 ;}
.huatai-confirmDialog-content{ display: table-cell; width: 450px; height: 150px; vertical-align: middle; text-align: center; font-size: 20px; }
.huatai-confirmDialog-content>div{padding-left: 15px; padding-right: 15px;}
.huatai-confirmDialog-footer{position: absolute; bottom: 0; width: 100%; height: 50px;}
.huatai-confirmDialog-footer>div{float: left;  width: 50%;}
.huatai-confirmDialog-yes button{ width: 100%; height: 50px; background: #FD6500; color: #FFFFFF; border: none; font-size: 16px;}
.huatai-confirmDialog-no button{ width: 100%; height: 50px; background: #fff; color: #333; border: 1px solid #aaa; font-size: 16px;}

#btnAdd{height: 48px; cursor: pointer; line-height: 48px; font-size: 16px; color: #666666; text-align: center; border:1px solid #DDDDDD}
#btnValidate,#promoCodeValidate{ width: 116px;}
#btnIdentify.on{width: 70px;}

#btnInvoice{position: absolute; left: 0; top: -20px;}
#btnLabelInvoice{cursor: pointer;}
#btnLabelInvoice i{display: inline-block;width: 20px;height: 20px;background-position: 0 -31px;vertical-align: top;margin-right: 10px;}
#btnLabelInvoice.on i{background-position:-20px -31px ;}
.huatai-invoice-content{ border-bottom: 1px solid #DDDDDD; display: none;}

@media only screen and (max-width:768px ) {
	.navbar-brand{margin-top: 10px; margin-left: 20px;}
	.navbar-toggle{margin-top: 14px;}
	.nav>li>a{padding:15px 25px}
	.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 8%;}
	.icon-custom{display: none;}
	.huatai-banner{padding-top: 60px;}
	.huatai-classify{width: auto; padding:30px 15px;}
	.huatai-item-header{border-bottom: 1px solid #dddddd;}
	.huatai-product-category ul li.on span{display: none;}
	.huatai-product-item ul li.on{border-left: 1px solid #dddddd;}
	.huatai-product-item ul li.on:before{display: none;}
	.huatai-item-title{border-bottom: 1px solid #DDDDDD;}
	.huatai-product-item.x2 ul li{line-height: normal;}
	.huatai-product-item.x3 ul li{line-height: normal;}
	.huatai-product-item.x4 ul li{line-height: normal;}
	.huatai-product-empty{border-bottom: 1px solid #DDDDDD;}
	.huatai-product-footer ul li.on{border-left: 1px solid #DDDDDD; color: #666666;}
	.huatai-product-footer ul li.on:before{background: #DDDDDD;}
	.huatai-product-footer ul li.on:after{background: #DDDDDD;}
	.huatai-btngroup{ max-width: 100%; margin: 0;}
	.swiper-button-prev,.swiper-button-next{display: none;}
}

@media (min-width:992px){
	.huatai-cals .col-md-7{ width:100%; }
	.huatai-cals .col-md-5{ width:100%; }
}

@media (min-width:1350px){
	.huatai-cals .col-md-7{ width:58.33333333%; }
	.huatai-cals .col-md-5{ width:41.66666667%; }
}

.bottom-tip { box-sizing: border-box; width: 100%;  line-height: 20px; padding: 10px 0px; font-size: 10px; color: #888;}