body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 color: #555;
 background-color:#F1F1F1;
 margin:0;padding:0;width:100%;height:100%;min-height:100%;
}
body, button, input, textarea {
 font-size: 12px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 text-decoration: underline;
}
ul, ol {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
input, select {
 vertical-align: middle;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
  cursor: pointer;
}



.tool_fix {height:50px;}
/* 带有修饰的通用标题 */
.title_style {width:100%;height:44px;display:flex;justify-content:center;}
.title_style span:nth-child(1) {width:15%;margin:0 3%;height:1px;background:#E3E3E3;margin-top:21px;}
.title_style span:nth-child(2) {width:40%;text-align:center;line-height:44px;font-size:18px;}
.title_style span:nth-child(3) {width:15%;margin:0 3%;height:1px;background:#E3E3E3;margin-top:21px;}

/* 带有修饰的通用标题 */
.hui-common-title{width:100%; height:32px; display:flex; justify-content:center;}
.hui-common-title-txt{width:45%; text-align:center; line-height:32px; font-size:18px;}
.hui-common-title-line{width:15%; margin:0 3%; height:1px; background:#E3E3E3; margin-top:16px;}


/*列表页面待整理*/
.tool_head {position:fixed;top:0;left:0;right:0;height:46px;z-index:200;border-bottom:solid 1px #e2e2e2;background:#FFF;}
.tool_head a {text-decoration:none;}
.tool_head .head_left {float:left;}
.tool_head .head_left .head_back {position:absolute;top:0;left:0px;font-size:18px;width:32px;height:46px;line-height:46px;color:#999;text-align:center;}
.tool_head .head_left .head_back .icon_back {width:10px;height:10px;border-bottom:1px solid #333;border-left:1px solid #333;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform: rotate(45deg);display:block;margin-top:18px;margin-left:15px;}
.tool_head .head_left .head_title {line-height:46px;color:#999;font-size:18px;font-weight:bold;padding-left:38px;}

.tool_head .head_right {float:right;}
.tool_head .head_right li {float:left;}
.tool_head .head_right .head_menu {padding:0 10px 0 0;width:20px;height:46px;background:url('../mobile-2020/images/menu.png') no-repeat 0 13px;background-size:auto 20px;text-decoration:none;}
.tool_head .head_right .head_language {background:rgba(216,30,6, 0.8);border-radius:15%;width:26px;height:22px;line-height:22px;font-size:14px;color:#FFF;margin-top:12px;margin-right:10px;font-style:normal;text-align:center;}
.tool_head .head_right .head_language em a {color:#FFF;}



/*弹出更多菜单*/
.iframeMenu {position:fixed;z-index:600;width:100%;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.95);height:100%;display:none}
.iframeMenu header {height:46px;position:relative}
.iframeMenu header {font-size:18px;width:20px;line-height:48px;position:absolute;top:10px;right:10px;overflow:hidden;}
.iframeMenu .scroll_box {overflow-y:auto;}
.iframeMenu div dl {width:33.3%;text-align:center;margin-bottom:5px;padding-top:14px;float:left}
.iframeMenu div dl dt {margin:0 auto;width:55px;height:55px;line-height:58px;border-radius:50%;color:#fff;font-size:35px;text-align:center;background:#00a3e4;}
.iframeMenu div dl dd {margin:0 auto;width:100%;line-height:30px;text-align:center;font-size:80%;color:#FFF;}
.iframeMenu div dl a {text-decoration:none;}

.icon-close {width:20px;height:20px;background:url('../mobile-2020/images/icon_close.png') no-repeat 0 12px;background-size:auto 20px;}
.iframeMenu .logo {padding:0 10px;height:58px;line-height:58px;overflow:hidden;font-size:16px;color:#FFF;}
.iframeMenu .logo img {width:20%;margin-top:8px;}

.iframeMenu.menuon #header_menu_list {margin-top:128px !important;}


.iframeMenu.menuon {display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-name:menuon;animation-name:menuon;-webkit-transform-origin:50% 50%}
.iframeMenu.menuoff {display:block;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-name:menuoff;animation-name:menuoff;-webkit-transform-origin:50% 50%}

@keyframes menuon{0%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}}
@-webkit-keyframes menuoff{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}
100%{-webkit-transform:scale(3);-moz-transform:scale(3);-ms-transform:scale(3);-o-transform:scale(3);transform:scale(3);opacity:0}}




.sscroll_box {padding-top:10%;overflow-y:auto;padding-left:10px;padding-right:.35rem}
.sscroll_box div dl {width:33.3%;text-align:center;margin-bottom:5px;padding-top:14px;float:left}
.sscroll_box div dl dt {margin:0 auto;width:55px;height:55px;line-height:58px;border-radius:50%;color:#fff;font-size:35px;text-align:center;background:#00a3e4;position:relative}
.sscroll_box div dl dd {margin:0 auto;width:100%;line-height:30px;text-align:center;font-size:80%;color:#333;}
.sscroll_box div dl a {text-decoration:none;}
.sscroll_box div ul i {display:inline-block;width:32px;height:32px;margin-top:12px;}
.sscroll_box div ul {width:33.3%;text-align:center;margin-bottom:5px;padding-top:14px;float:left}
.sscroll_box div ul .nav_bg {margin:0 auto;background: #00a3e4;width:55px;height:55px;line-height:58px;border-radius:50%;text-align:center;}

.ico-home i {display:inline-block;width:35px;height:35px;background:url('../mobile-2020/tool/ico-home.png') no-repeat;background-size:35px;}
.ico-agreement i {display:inline-block;width:35px;height:35px;background:url('../mobile-2020/tool/ico-agreement.png') no-repeat 0 3px;background-size:35px;}
.ico-privacy i {display:inline-block;width:35px;height:35px;background:url('../mobile-2020/tool/ico-privacy.png') no-repeat 0 3px;background-size:35px;}

.tool-choose {width:98%;background-color:#FFFFFF;border:1px solid #EEE;border-radius:4px;margin:10px auto;} 

.tool-title {border-bottom:1px solid #EEE;}
.tool-title span {display:block;width:100%;font-size:18px;background:#FFFFFF;padding:10px 10px;box-sizing:border-box;font-weight:520;border-bottom:2px solid #EEE;}

.tool-choose .hui-accordion{width:100%;background-color:#FFF;border:0px solid #EEE;border-radius:4px;margin:0 auto;}
.tool-choose .hui-accordion-title {width:100%;font-size:16px;border-bottom:1px solid #EEE;background:#FFFFFF;padding:10px 10px;box-sizing:border-box;font-weight:520;}





/* 折叠面板 */
.hui-accordion{width:98%;background-color:#FAFAFA;border:1px solid #EEE;border-radius:4px;margin:10px auto;}
.hui-accordion-title {width:100%;font-size:18px;background:#FFFFFF;padding:10px 10px;box-sizing:border-box;font-weight:520;}
.hui-accordion-title:after {content:"\e609"; float:right; font-family:"hui-font";}
.hui-accordion-title-up:after {content:"\e655"; font-family:"hui-font";}
.hui-accordion-title span {font-size:14px;}
.hui-accordion-content {width:100%;display:none;}
.hui-accordion .subtitle {overflow:hidden;margin:0 12px 0 15px;font-size:15px;font-weight:620;}


.answer_num1 {border:1px solid #ddd;height:43px;line-height:43px;font-size:25px;text-align:right;color:#000;border-radius:5px;overflow:hidden;width:100%;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;}
.answer_num1 li {float:left;}
.answer_num1 .unit {float:left;margin-left:8px;}
.answer_num1 .unit b {font-size:32px;}
.answer_num1 .unit sub {font-size:14px;}
.answer_num1 .unit span {font-size:14px;}

.answer_num1 span {font-size:14px;}
.answer_num1 input {display:block;background-color:#FAFAFA;width:100%;height:40px;border-radius:4px;}
.answer_num1 li:nth-child(2) {display:flex;justify-content:space-around;}
.answer_num1 select {display:block;background-color:#FAFAFA;border:1px solid #EEE;box-sizing:border-box;width:100%;height:40px;border-radius:4px;}




.flex {width:100%;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;}

.flex dl input {display:block;box-sizing:border-box;line-height:42px;}


.flex dl {width:100%;margin:10px 15px;position:relative;background-color:#FFF;border:1px solid #EEE;border-radius:4px;padding:0 8px;height:42px;line-height:42px;overflow:hidden;}
.flex dl dd {display:flex;justify-content:space-around;}
.flex dl dt {float:left;font-size:16px;color:#000;}
.flex dl dt b {font-size:26px;font-weight:550;}
.flex dl dt em {font-size:20px;font-weight:550;}
.flex dl dt span {font-size:16px;padding-left:10px;}
.flex ul {width:100%;margin:10px 15px;}
.flex ul li:nth-child(2) {background-color:#FFF;border:1px solid #EEE;border-radius:4px;height:42px;line-height:42px;overflow:hidden;}
.flex ul select {display:block;box-sizing:border-box;width:100%;height:42px;border:0;font-size:14px;}
.flex ul li b {font-size:26px;font-weight:550;}
.flex ul li em {font-size:20px;font-weight:550;}
.flex ul li span {font-size:16px;padding-left:10px;}


.icon-waiyuan {background:url('../mobile-2020/tool/waiyuan.jpg') no-repeat center center;background-size:55px;}
.icon-duanmian {background:url('../mobile-2020/tool/duanmian.jpg') no-repeat center center;background-size:55px;}
.icon-qiecao {background:url('../mobile-2020/tool/qiecao.jpg') no-repeat center center;background-size:55px;}
.icon-qieduan {background:url('../mobile-2020/tool/qieduan.jpg') no-repeat center center;background-size:55px;}




.introduce {overflow:hidden;margin:15px 12px 0 15px;font-size:15px;font-weight:650;}


.calculate {height:45px;line-height:45px;overflow:hidden;margin:12px 15px 20px 15px;}
.calculate ul:nth-child(1) {float:left;background-color:#FF0000;width:60%;border:1px solid #ddd;display:block;height:43px;line-height:43px;font-size:25px;text-align:right;color:#FFF;border-radius:5px;overflow:hidden;padding:0 8px;}
.calculate ul:nth-child(2) {float:right;width:30%;}
.calculate ul .btn {background-color:#0072C6;color:#EEE;height:45px;font-size:16px;font-weight:400;background-image:none;border-radius:5px;}
.calculate ul .unit {float:left;margin-left:8px;}
.calculate ul .unit b {font-size:32px;}
.calculate ul .unit sub {font-size:14px;}
.calculate ul span {font-size:14px;}




input {width:100%;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin:0;}
input[type="number"] {-moz-appearance:textfield;}
input[type=number] {font-size:15px;text-align:right;padding-right:10px;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
input:focus::-ms-input-placeholder {color:transparent;}
input:focus::placeholder {color:transparent;}





/* icons */
@font-face{font-family:"hui-font"; src:url('../mobile-2020/tool/iconfont.woff') format('woff');}
.fa {font-family:"hui-font" !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.fa-down2:before{content:"\e609";}
.fa-up2:before{content:"\e655";}
.fa-time:before{content:"\E96C";float:left;font-size:32px;padding:4px 0px;}
.fa-jisuanqi:before{content:"\E613";float:left;font-size:32px;padding:4px 0px;}
.fa-dongli:before{content:"\E63e";float:left;font-size:32px;padding:4px 0px;}
.fa-dongli2:before{content:"\E866";float:left;font-size:32px;padding:4px 0px;}
.fa-laji:before{content:"\E649";float:left;font-size:32px;padding:4px 0px;}
.fa-zhouxiang:before{content:"\E604";float:left;font-size:32px;padding:4px 0px;}
.fa-cucao:before{content:"\E6EE";float:left;font-size:32px;padding:4px 0px;}
.fa-zuli:before{content:"\E63d";float:left;font-size:32px;padding:4px 0px;}


.fb {padding:3px;font-family:"hui-font" !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.fb-jisuanqi:before{content:"\E613";font-size:28px;padding-right:8px;}
.fb-changdu:before{content:"\E68b";font-size:28px;padding-right:8px;}
.fb-zhijing:before{content:"\E61b";font-size:28px;padding-right:8px;}
.fb-shuliang:before{content:"\E638";font-size:28px;padding-right:8px;font-weight:660;}
.fb-laji:before{content:"\E649";font-size:28px;padding-right:8px;font-weight:660;}
.fb-zuli:before{content:"\E63d";font-size:28px;padding-right:8px;font-weight:660;}
.fb-dongli:before{content:"\E63e";font-size:28px;padding-right:8px;font-weight:660;}
.fb-kapr:before{content:"\E744";font-size:28px;padding-right:8px;font-weight:660;}
.fb-yingdu:before{content:"\E633";font-size:28px;padding-right:8px;font-weight:660;}
.fb-zuli:before{content:"\E63d";font-size:28px;padding-right:8px;font-weight:660;}
.fb-time:before{content:"\E96c";font-size:28px;padding-right:8px;}
.fb-banjing:before{content:"\E667";font-size:28px;padding-right:8px;}
.fb-zuankong:before{content:"\E6dc";font-size:28px;padding-right:8px;}
.fb-zkongshu:before{content:"\E699";font-size:28px;padding-right:8px;}
.fb-fangdajing:before{content:"\E714";font-size:28px;padding-right:8px;}




.fa-left:before{content:"\E6A5";}
.fa-menu:before{content:"\E96b";}
.fa-turning:before{content:"\E611";}
.fa-milling:before{content:"\E605";}
.fa-drilling:before{content:"\E60f";padding-right:5px;}
.fa-formula:before{content:"\E689";padding-right:3px;}
.fa-mall:before{content:"\E67F";padding-right:3px;}
.fa-down:before{content:"\E61e";padding-right:3px;}
.fa-shipin:before{content:"\E6b1";padding-right:3px;}





.ff {font-family:"hui-font" !important; font-style:normal;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
.ff-fuhao:before{content:"\E634";font-size:138px;float:left;position:absolute;margin-top:28px;margin-left:-40px;color:#000000;}



.formula {margin:auto;width:100%;clear:both;}
.formula .formula_box {margin:8px 0 0 0;background-color:#FFF;overflow:hidden;padding:5px 5% 35px 5%;}
.formula .formula_title {padding:13px 0 8px 0;font-size:16px;border-bottom:2px solid #ddd;}
.formula .formula_title span {font-size:12px;}
.formula .subtitle {height:38px;line-height:38px;font-size:15px;}
.formula .subtitle span {font-size:12px;}
.formula .formula_info {margin:10px 0 10px 0;height:60px;overflow:hidden;}
.formula .formula_info dl {float:left;}
.formula .formula_info dl span {font-size:12px;}
.formula .formula_info dl em {font-size:12px;}
.formula .formula_info .dl_a1 {font-size:22px;line-height:60px;padding:0px 5px 0 5px;}
.formula .formula_info .dl_a1_1 {font-size:22px;line-height:24px;padding:0px 5px 0 5px;}
.formula .formula_info .dl_a2 {line-height:60px;font-size:16px;padding:3px 3px;}
.formula .formula_info .dl_a2_1 {line-height:63px;font-size:20px;padding:0 2px;}
.formula .formula_info .dl_a2_2 {font-size:14px;padding-left:13px;}
.formula .formula_info .dl_a2_3 {line-height:24px;font-size:16px;padding:3px 3px;}
.formula .formula_info .dl_a3 {text-align:center;padding:0px 3px;}
.formula .formula_info .dl_a3 dt {border-bottom:1px solid #696969;padding:3px 5px 0 5px;font-size:16px;line-height:30px;}
.formula .formula_info .dl_a3 dd {padding:0 12px;font-size:16px;}
.formula .formula_info .dl_a3_1 {width:38px;font-size:14px;text-align:center;padding:4px 0 0 10px;line-height:30px;}
.formula .formula_info .dl_a3_1 dt {border-bottom:1px solid #696969;padding:0 5px 0 5px;}
.formula .formula_info .dl_a3_1 dd {padding:0 5px;}
.formula .formula_info .dl_a3_2 {text-align:center;padding:0px 3px;}
.formula .formula_info .dl_a3_2 dt {border-bottom:1px solid #696969;padding:0 5px 0 5px;font-size:16px;line-height:28px;}
.formula .formula_info .dl_a3_2 dd {padding:0 12px;font-size:16px;}
.formula .formula_info .dl_a4 {font-size:18px;line-height:60px;padding:0px 5px 0 5px;}
.formula .formula_info .dl_a4 dt {line-height:60px;font-size:22px;text-align:center;padding:0 10px;}
.formula .formula_info .dl_a4_1 {font-size:15px;line-height:60px;padding:3px 5px 0 5px;}
.formula .formula_info .dl_a4_2 {font-size:16px;line-height:24px;padding:3px 5px 0 5px;}
.formula .formula_info .dl_a4_3 {font-size:18px;line-height:55px;padding:0px 5px 0 5px;}




.formula .formula_jieshao {padding:1px 0px;border:1px solid #ddd;overflow:hidden;}
.formula .formula_jieshao li {padding:8px 10px;font-size:14px;border-bottom:1px solid #ddd;}
.formula .formula_jieshao li:nth-last-of-type(1) {padding:8px 10px;font-size:14px;border-bottom:0px solid #ddd;}
.formula .formula_jieshao b {font-size:15px;}
.formula .formula_jieshao i {font-size:12px;}
.formula .formula_jieshao span:nth-child(1) {float:left;font-size:14px;width:45px;display:block;}
.formula .formula_jieshao span:nth-child(2) {font-size:13px;float:right;}

.formula .formula_img {padding:15px 0 15px 0;position:relative;}
.formula .formula_img img {width:60%;}
.formula .formula_img li {padding:15px 0 15px 0;}
.formula .formula_img dl {margin:-80px 0 20px 0px;padding:5px 0;width:150px;border:1px solid #A6A39E;position:absolute;}
.formula .formula_img dd {font-size:14px;height:26px;line-height:26px;overflow:hidden;}
.formula .formula_img dd span {padding:0 10px;}



.formula .hardness {margin-top:10px;overflow:hidden;border:2px solid #A6A39E;border-bottom:none;}
.formula .hardness dl {padding:8px 20px;border-bottom:2px solid #A6A39E;}
.formula .hardness dt {float:left;width:80px;overflow:hidden;}
.formula .hardness dd {line-height:20px;font-size:14px;}

.formula .hardness .hd_a1 {background:#CBEBF6;}
.formula .hardness .hd_a1 dt span {display:block;background:#00AFF4;width:52px;height:52px;line-height:52px;margin-top:2px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#FFF;}

.formula .hardness .hd_a2 {background:#FAF8DF;}
.formula .hardness .hd_a2 dt span {display:block;background:#FBEB0F;width:52px;height:52px;line-height:52px;margin-top:2px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#000;}
.formula .hardness .hd_a2 dd {line-height:28px;font-size:14px;}

.formula .hardness .hd_a3 {background:#FBD6DD;}
.formula .hardness .hd_a3 dt span {display:block;background:#E91A20;width:52px;height:52px;line-height:52px;margin-top:2px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#FFF;}

.formula .hardness .hd_a4 {background:#D1EBDE;}
.formula .hardness .hd_a4 dt span {display:block;background:#00A14C;width:52px;height:52px;line-height:52px;margin-top:2px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#FFF;}
.formula .hardness .hd_a4 dd {line-height:28px;font-size:14px;}

.formula .hardness .hd_a5 {background:#F2D7D0;}
.formula .hardness .hd_a5 dt span {display:block;background:#AE0910;width:52px;height:52px;line-height:52px;margin-top:15px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#FFF;}
.formula .hardness .hd_a5 dd {line-height:20px;font-size:14px;}

.formula .hardness .hd_a6 {background:#E8E8EA;}
.formula .hardness .hd_a6 dt span {display:block;background:#828284;width:52px;height:52px;line-height:52px;margin-top:2px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#FFF;}
.formula .hardness .hd_a6 dd {line-height:28px;font-size:14px;}

.formula .hardness .hd_a7 {background:#E8E8EA;}
.formula .hardness .hd_a7 dt span {display:block;background:#828284;width:52px;height:52px;line-height:52px;margin-top:2px;font-size:45px;text-align:center;border-radius:5px;font-weight:bold;color:#FFF;}
.formula .hardness .hd_a7 dd {line-height:20px;font-size:14px;}





.b15 {height:15px;}