/**
  ************************************************************************
  智旅100旅游管理系统 版权归智旅100（zhilv100.com）所有，凡是复制抄袭本站php代码、css代码、js代码、图标、图片者都会死全家，非常灵验。
  ************************************************************************
  版权声明：凡是复制抄袭本站css代码、js代码、图标、图片者在三日内必出车祸死于非命，五日内
  其父母必得绝症不治身亡，七日内老婆、后代（儿子或女儿）将意外身亡，总之全家都不得好死。
  ************************************************************************
  版权声明：修改删除此注释者，其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，非常灵验，不信就试试。
  ************************************************************************
  郑重警告：凡是复制抄袭本站css代码、js代码、图标、图片者其父母、老婆、后代（儿子或女儿）不出三日必然意外身亡，不信就试试。
  ************************************************************************ 
 */
/*公共抬头*/
.pulicTit{height: 2rem; line-height: 2rem; padding-top: 15px; font-size: 1.4rem; text-align: center;}
.pulicTit h3{height: 2rem; position: relative; margin: 0 15px;}
.pulicTit h3:after{display: block; content: "\200B"; width: 100%; height: 1px; background: #E5E5E5; position: absolute; left: 0; top: 1rem; z-index: 0;}
.pulicTit span{display: inline-block; height: 2rem; padding: 0 15px; background: #FFF; position: relative; z-index: 1; font-weight: 600; color: #01AF63;}
.pulicTit span i{display: inline-block; font-size: 1.8rem; margin-right: 6px; height: 2rem; line-height: 2rem; float: left; vertical-align: middle;}
.pulicTit span em{display: inline-block; height: 2rem; line-height: 2rem; float: right; font-weight: 600; font-size: 1.4rem;}

/*one*/
.oneBox{width: 100%; height: auto; background: #fff; overflow: hidden;}
.oneBox .oneBox_on{padding: 15px; height: auto; overflow: hidden;}
/*产品信息*/
.chanpinBox{display: block; height: auto; overflow: hidden;}
.chanpinBox .chanpin-pic{width: 100%; height: auto; overflow: hidden;}
.chanpinBox .chanpin-pic img{display: block; width: 100%; height: auto;}
.chanpinBox .chanpin-con{height: auto; line-height: 1.6rem; font-size: 1.2rem; padding-top: 10px; overflow: hidden;}

.infoBox{width: 100%; height: auto; margin-top: 10px; padding-top: 10px; border-top: 1px solid #E5E5E5; overflow: hidden;}
.infoBox li{width: 25%; height: auto; float: left; text-align: center; font-size: .8rem; border-left: 1px solid #E5E5E5; box-sizing: border-box; overflow: hidden;}
.infoBox li:first-child{border: 0;}
.infoBox li em{display: block; line-height: 1.5rem; font-size: .8rem; color: #999;}
.infoBox li p{line-height: 1.5rem; font-size: .85rem;}

/*two*/
.twoBox{width: 100%; height: auto; margin-top: 15px; background: #fff; overflow: hidden;}
.twoBox .twoBox_on{padding: 15px; height: auto; overflow: hidden;}
.two_tit{height: 2rem; line-height: 2rem; padding: 5px 0; background: #F5F5F5; text-align: center; font-size: 1.1rem; color: #000;}
.two_con{width: 100%; height: 2rem; line-height: 2rem; padding: 8px 0; text-align: center;}
.two_con_sha{border-bottom: 1px dotted #E5E5E5; color: #999;}
.two_con span{display: inline-block; float: left; width: 33.33%;}

/*three*/
.threeBox{width: 100%; height: auto; margin-top: 15px; background: #fff; overflow: hidden;}
.threeBox .orderbox{padding: 15px; height: auto; overflow: hidden;}
.orderbox li{width: 100%;margin-top: 15px;padding: 0;}
.orderbox li label{width: 80px; display: inline-block; height: 2.2rem; float: left; line-height: 2.2rem; text-align: left; font-size: 1rem; letter-spacing: 0.3px;}
.orderbox li label.letter{letter-spacing: 5px;}
.orderbox li div.con{width:-webkit-calc(100% - 82px); width:-moz-calc(100% - 82px); width:calc(100% - 82px); height: 2.2rem; float: right; border: 1px solid #E5E5E5;-webkit-border-radius: 5px; border-radius: 5px; position: relative;}
.orderbox li div.con_focus{border: 1px solid #A6E1F3; box-shadow: 0 0 12px #BAF7FF;}
.orderbox li div.con_readonly{background: #F5F5F5;}
.orderbox li div.con_error{border: 1px solid #F40;}
.orderbox li div.con input{display: block; width: 100%; height: 2.2rem; line-height: 2.2rem; font-size: 1rem; margin: 0; padding: 0; background: none; text-indent: 10px;}
.orderbox li div.con i{display: inline-block; height: 2.2rem; line-height: 2.2rem; position: absolute; top: 0; right: 10px; font-size: 1.4rem;}


/*数量*/
.shuliang{width:-webkit-calc(100% - 84px); width:-moz-calc(100% - 84px); width:calc(100% - 84px); height: 2.2rem; overflow: hidden;}

.shuliang input{display: inline-block; float: left; width: 80px; height: 2.2rem; border: 1px solid #E5E5E5; background: #FFF; text-align: center; color: #848484; box-sizing: border-box; font-size: 1.2rem;}

.shuliang a{display: inline-block; float: left; width: 2.4rem; height:  2.2rem; background: #FFF; box-sizing: border-box; background: #F90;}
.shuliang a i{display: block; width: 2.4rem; height: 2.2rem; text-align: center; line-height: 2rem; font-size: 1.2rem; color: #FFF;}
.shuliang a.no_click{background: #ccc;}
.shuliang a.jia{border-radius: 0 5px 5px 0;}
.shuliang a.jian{border-radius: 5px 0 0 5px;}

/*按钮*/
.zuche_submit{display: block; width:-webkit-calc(100% - 82px); width:-moz-calc(100% - 82px); width:calc(100% - 82px); margin-left: 80px; background: #F40; height: 35px; line-height: 35px; text-align: center; color: #FFF; font-size: 16px; border-radius: 5px;}