html{-webkit-tap-highlight-color:transparent}
html,body{height:100%;position:relative;background:#fff;}
body{font-size:14px;color:#333;line-height:1.6}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{text-decoration:none}
body,button,input,select,textarea{font-family:"Microsoft YaHei","微软雅黑";color:#333}
button,input,textarea{color:inherit;font:inherit}
a:focus,button:focus,input:focus,textarea:focus{outline:0}
address,cite,dfn,em,var,i{font-style:normal}
ul,ol,li{list-style:none}
ol{margin-left:15px}
ol li{list-style-type:decimal}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}
.pd10{padding:10px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt30{padding-top:30px}
.mt5{margin-top: 5px;}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.fs12{font-size:12px}
.clearfix:before,.clearfix:after{display:table;content:" ";clear:both}
img{display:block;border:0}
.img-responsive{max-width:100%;height:auto}
.img-block{width:100%}
.center-block{display:block;margin-right:auto;margin-left:auto}
.text-center{text-align:center}
.text-right{text-align: right;}
.text-justify{text-align: justify;}
.pull-left{float:left}
.pull-right{float:right}
.ovhidden{overflow:hidden}
.text-red{color:#ff0000}
.text-black{color:#333}
.text-blue{color:#467eff}
.text-chengse{color:#f4710c}
.text-gray{color:#999}
.btn-block{display:block;width:100%}
/*main-container*/
.app-container{background:#fff;max-width: 750px;margin: 0 auto;background-color: #f3f7fa;}
.app-container .app-header{position: relative;}
.app-container .app-main{margin:0 auto;position:relative;}
.app-container .app-footer{padding-top: 20px;text-align: center;color: #fff;position: relative;font-size: 12px;line-height: 1.8;z-index: 1;}
.app-footer .text{position: absolute;left: 0;right: 0;bottom: 0;}
.app-footer .copyight{margin-top: 40px;padding-top: 30px;}
.app-section {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.roomWelfare{padding-top: 20px;padding-bottom: 5px;}
.code-content{text-align: center;font-size: 12px;}
.code-content .code-img{width: 205px;}
/*modal*/
.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9;display:none}
.modal .modal-dialog{background:rgba(0,0,0,.65);overflow:hidden;width:100%;height:100%}
.modal .modal-content {position:absolute;background:#fff;border-radius:6px;width:80%;left:10%;top:50%;margin-top:-110px}
.modal .modal-content{top:20%;}
.modal-content .modal-header{text-align:center;position:relative}
.modal-content .modal-header .modal-title{font-size:18px;font-weight:700;color:#333;line-height:20px;padding:20px 0 0}
.modal-content .modal-header .icon-cross{position:absolute;cursor:pointer;right:0;top:0;display:inline-block;font-size:24px;padding:10px;color:#333}
.modal-content .modal-body{}
/*form-content*/
.form-content{}
.form-content .form-header{position:relative;font-size: 14px;background-color: #fa3e3d;text-align: center;color: #fff;padding: 10px;}
.form-content .form-body{padding: 20px;}
.form-cell{position:relative;margin-bottom:12px;}
.form-cell:last-child{margin-bottom: 0;}
.form-cell.form-cell-address{margin-top:-7px}
.form-cell .form-cell__title{line-height:40px;float:left;min-width:92px;padding-right:10px;text-align: right;}
.form-cell .form-cell__value{overflow:hidden}
.form-cell .form-cell__value .form-field__body{}
.form-control{border:1px solid rgba(0,0,0,.05);border-radius:3px;background-color:#f7f7f7;display:block;width:100%;height:40px;padding:6px 12px;font-size:14px;line-height:1.42857143;}
.form-control.textarea{height:80px}
.form-control.select{padding-left:6px;padding-right:6px}
.form-control:focus{border-color:rgba(0,0,0,.25)}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.form-control::-ms-expand{background-color:transparent;border:0}
/*btn*/
.btn{display:inline-block;padding:6px 8px;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:2px;height: 40px;}
.btn-submit {color: #fff;background: #fa3e3d;letter-spacing: 1px;}
.btn-submit:focus,.btn-submit.focus,.btn-submit:hover {background: #e13f3e;}
.btn-default {color: #333;border:1px solid rgba(0,0,0,.05);border-radius:3px;background-color:#f7f7f7;}
.btn-default:focus,.btn-default.focus {border-color:rgba(0,0,0,.25)}
.btn-default[disabled],
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus {
background-color: #ddd;
}
.btn-getcode{margin-left: 10px;}
.btn-get{cursor: pointer;}
@media (min-width: 1000px) {
.form-content .form-header{font-size: 20px;padding: 15px;}
.btn-submit{font-size: 18px;height: 50px;}
.btn-getcode{margin-left: 15px;width: 150px;}
/*modal*/
.modal .modal-content {width: 550px;left: 50%;margin-left: -250px;margin-top: -140px;}
.modal .modal-content{top:20%;}
.form-content .form-body{padding: 35px;}
/*app-container*/
.app-container .app-main{margin-bottom: -22%;}
.app-footer{font-size: 14px;line-height: 2;}
.app-footer .copyight{margin-top: 40px;padding-top: 30px;padding-bottom: 30px;}
.app-footer .bottom-text{}
.app-footer .btn-get{margin-top: 80px;}
.app-section{padding-left: 25px;padding-right: 25px;}
/*detail-content*/
.detail-content .detail-header{margin-top: 15px;}
.detail-content .detail-header .detail-title{font-size: 18px;}
.detail-content .detail-body{padding: 25px;}
/*screen-tabs*/
.screen-tabs li{padding: 10px 0;font-size: 16px;}
.screen-pane{padding: 30px 20px 0;font-size: 16px;}
/*stocks-content*/
.stocks-content .stocks-header{font-size: 28px;letter-spacing: 12px;}
.stocks-content .stocks-list{padding-top: 25px;font-size: 18px;}
.stocks-content .stocks-list li{padding: 25px 0;}
}
/*banner*/
.slideBox{position:relative;}
.banner{width: 100%;height:auto;position: relative;}
.banner .swiper-container{width: 100%;height: auto;}
.banner .swiper-container .swiper-slide img{width: 100%;height: auto;}
.slideBox .banner li a img{max-width: 100%;}
.slideBox .prev{left: 8% !important;position:absolute;top:40%;}
.slideBox .next{right: 8% !important;position:absolute;top:40%;}
.banner .swiper-container .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;opacity:1;background:rgba(255,255,255,0.5);border-radius: 50%;}
.banner .swiper-container .swiper-pagination-bullet-active{opacity:1;background:rgba(255,255,255,1);}
.banner .swiper-container .swiper-pagination-white .swiper-pagination-bullet-active{rgba(255,255,255,1);border:none;}
#prev i{color: #fff;text-align: center;}
#next i{color: #fff;text-align: center;}
.picScroll-left{position:relative;}
.picScroll-left .next{position:absolute;right:-10%;top:40%;width: 40px;height: 40px;border: 1px solid #c2c2c2;text-align: center;border-radius: 50%;}
.picScroll-left .prev{position:absolute;left:-10%;top:40%;width: 40px;height: 40px;border: 1px solid #c2c2c2;text-align: center;border-radius: 50%;}
.picScroll-left .next i,.picScroll-left .prev i{color: #000000;line-height: 40px;text-align: center;}
.picScroll-left .next:hover i,.picScroll-left .prev:hover i{color: #d9251d;}
.honor .swiper-button-prev{width: 40px;height: 40px;border: 1px solid #c2c2c2;text-align: center;top: 48%;left: -5%;border-radius: 50%;}
.honor .swiper-button-prev i{color: #000000;line-height: 40px;text-align: center;}
.honor .swiper-button-next{width: 40px;height: 40px;border: 1px solid #c2c2c2;text-align: center;top: 48%;right: -5%;border-radius: 50%;}
.honor .swiper-button-next i{color: #000000;line-height: 40px;text-align: center;}
.honor .swiper-button-prev:hover i{color: #d9251d;}
.honor .swiper-button-next:hover i{color: #d9251d;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; text-align:center; bottom:20px; z-index:22; width:100% }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;justify-content:center;display:flex;
}
.slideBox .hd ul li{ float:left; margin-right:2px; width:12px; height:12px; line-height:12px; text-align:center; background:#fff; cursor:pointer; border-radius:50%;
margin:0 5px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.picScroll-left li{width:290px !important;margin-right:20px;}
.picScroll-left li p{text-align:center;margin-top:10px;}
.picScroll-left li img{max-height:250px;max-width:100%;}