.w1600 {width:1600px;margin:0 auto;}
::-webkit-input-placeholder {color:#ccc;}/* 使用webkit内核的浏览器 */:-moz-placeholder {color:#ccc;}/* Firefox版本4-18 */::-moz-placeholder {color:#ccc;}/* Firefox版本19+ */:-ms-input-placeholder {color:#ccc;}/* IE浏览器 *//* common */
.ovh {overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.tac {text-align:center;}
.tar {text-align:right;}
.tal {text-align:left;}
.psr {position:relative !important;}
.psa {position:absolute !important;}
.curp {cursor:pointer;}
.border-box {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fs16 {font-size:16px !important;}
.pdl5em {padding-left: 6em;}
h5{margin:0;padding:0;border:0;}
/* alert弹窗样式 */
.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title {text-overflow:ellipsis;white-space:nowrap}
html #layuicss-layer {display:none;position:absolute;width:1989px}
.layui-layer,.layui-layer-shade {position:fixed;_position:absolute;pointer-events:auto}
.layui-layer-shade {top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}
.layui-layer {-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;border-radius:2px;box-shadow:1px 1px 50px rgba(0,0,0,.3)}
.layui-layer-close {position:absolute}
.layui-layer-content {position:relative}
.layui-layer-border {border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.layui-layer-load {background:url(loading-1.gif) center center no-repeat #eee}
.layui-layer-ico {background:url(../img/icon1.png) no-repeat}
.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {display:inline-block;*display:inline;*zoom:1;vertical-align:top}
.layui-layer-move {display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}
.layui-layer-resize {position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}
.layer-anim {-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}
.layui-layer-page .layui-layer-content {overflow:unset !important;}
.layui-layer {font-size:14px;line-height:18px;color:#686868;background:none;box-shadow:none;}
.MSG {border:2px solid #838383;font-size:14px;line-height:18px;color:#686868;font-weight:normal;box-shadow:0px 0px 10px -2px #999;min-width:50px;max-width:300px;position:relative;font-size:14px;text-align:left;padding:15px 25px;background-color:#fff;}
@-webkit-keyframes layer-bounceIn {0% {opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
100% {opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes layer-bounceIn {0% {opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}
100% {opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.layer-anim-00 {-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}
@-webkit-keyframes layer-zoomInDown {0% {opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes layer-zoomInDown {0% {opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.layer-anim-01 {-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}
@-webkit-keyframes layer-fadeInUpBig {0% {opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes layer-fadeInUpBig {0% {opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.layer-anim-02 {-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}
@-webkit-keyframes layer-zoomInLeft {0% {opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
@keyframes layer-zoomInLeft {0% {opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
60% {opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
}
.layer-anim-03 {-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}
@-webkit-keyframes layer-rollIn {0% {opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100% {opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes layer-rollIn {0% {opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100% {opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.layer-anim-04 {-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}
@keyframes layer-fadeIn {0% {opacity:0}
100% {opacity:1}
}
.layer-anim-05 {-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}
@-webkit-keyframes layer-shake {0%,100% {-webkit-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90% {-webkit-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80% {-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes layer-shake {0%,100% {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90% {-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80% {-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.layer-anim-06 {-webkit-animation-name:layer-shake;animation-name:layer-shake}
@-webkit-keyframes fadeIn {0% {opacity:0}
100% {opacity:1}
}
.layui-layer-title {padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}
.layui-layer-setwin {position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}
.layui-layer-setwin a {position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}
.layui-layer-setwin .layui-layer-min cite {position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}
.layui-layer-setwin .layui-layer-min:hover cite {background-color:#2D93CA}
.layui-layer-setwin .layui-layer-max {background-position:-32px -40px}
.layui-layer-setwin .layui-layer-max:hover {background-position:-16px -40px}
.layui-layer-setwin .layui-layer-maxmin {background-position:-65px -40px}
.layui-layer-setwin .layui-layer-maxmin:hover {background-position:-49px -40px}
.layui-layer-setwin .layui-layer-close1 {background-position:1px -40px;cursor:pointer}
.layui-layer-setwin .layui-layer-close1:hover {opacity:.7}
.layui-layer-setwin .layui-layer-close2 {position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}
.layui-layer-setwin .layui-layer-close2:hover {background-position:-180px -31px}
@-webkit-keyframes layer-bounceOut {100% {opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}
30% {-webkit-transform:scale(1.05);transform:scale(1.05)}
0% {-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes layer-bounceOut {100% {opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}
30% {-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
0% {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.layer-anim-close {-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}
@media screen and (max-width:1100px) {.layui-layer-iframe {overflow-y:auto;-webkit-overflow-scrolling:touch}
}

@media (max-width:1630px) {
.w1600 {width:1200px;}
.calculator .calculator-body {width:100%;height:500px;background:#fff;}
.calculator .calculator-main .left-tab {width:57.8%;margin:100px auto 0;}
.calculator-main .show-area {width:80%;height:400px;margin:70px 0 0 -7.5%;}
.calculator-main .item-4 .img {width:927px;/* height:500px;*/        margin:20px 0 0 30px;}
.calculator-main .item-4 .img-info .info-title {border-bottom:1px solid #b40f19;color:#b40f19;font-size:20px;line-height:28px;height:56px;padding:15px 0 15px;}
.calculator-main .item-4 .img-info .info-detail {color:#6d6d6d;font-size:12px;line-height:20px;padding-top:15px;}
.calculator-main .item-4 .img-info .info-detail .watch-img {display:block;width:132px;height:34px;line-height:34px;color:#fff;font-size:14px;text-align:center;background-color:#b40f19;margin:30px auto 0;cursor:pointer;}
}
/* calculator */
.calculator {width:100%;position:relative;margin-top:0px; background-color:#f4f4f4;}
.calculator .calculator-title {font-size:40px;padding:40px 0;text-align:center;color:#000;font-weight:bold;}
.calculator .calculator-body {width:100%;height:725px;background:#fff;}
.calculator .calculator-main {height:100%;}
.calculator .calculator-main .left-tab-wrap {height:100%;width:20%;padding-right:7.5%;background-color:#b40f19;position:relative;}
.calculator .calculator-main .left-tab-wrap:before {content:'';position:absolute;top:0;right:100%;height:100%;width:1000%;background-color:#b40f19;}
.calculator .calculator-main .left-tab {width:57.8%;margin:178px auto 0;}
.calculator-main .left-tab .item {width:100%;height:32px;line-height:30px;padding-left:38%;margin-bottom:40px;color:#fff;border:1px solid #b40f19;cursor:pointer;background:url(../img/icon.png) no-repeat 20% 0%;}
.calculator-main .left-tab .item.on,.calculator-main .left-tab .item:hover {border-color:#fff;}
.calculator-main .left-tab .item-2 {background-position-y:-30px;}
.calculator-main .left-tab .item-3 {background-position-y:-60px;}
.calculator-main .left-tab .item-4 {background-position-y:-90px;}
.calculator-main .left-tab .item-5 {background-position-y:-120px;}
.calculator-main .show-area {width:80%;height:565px;margin:80px 0 0 -7.5%;}
.calculator-main .show-area .item-box {box-shadow:2px 0px 16px 0px #d6d6d6;height:100%;width:1000%;background-color:#fff;position:relative;}
.calculator-main .item-box .item {width:10%;height:100%;display:none;}
.calculator-main .item-box .item.on {display:block;}
.calculator-main .item-box .item-1 {padding:52px 0;}
.calculator-main .item-box .item-1 .left {height:100%;border-right:1px dashed #959595;width:47.65%;background:url(../img/Ohmu.png) no-repeat 50% 50%;-webkit-background-size:60% auto;background-size:60% auto;}
.calculator-main .item-box .item-1 .right {padding-top:58px;}
.calculator-main .item-box .item-1 .right .param {}
.calculator-main .item-box .item-1 .right .param-row {height:50px;margin-bottom:38px;}
.calculator-main .item-box .item-1 .right .param-row input,.calculator-main .item-box .item-1 .right .param-row .param-name {height:50px;line-height:50px;color:#959595;font-size:20px;}
.calculator-main .item-box .item-1 .right .param-row input {border:1px solid #959595;font-size:16px;}
.calculator-main .item-box .item-1 .right .param-unit {height:100%;margin-left:20px;}
.calculator-main .item-box .item-1 .right .param-unit input {cursor:pointer;width:125px;padding-left:10px;}
.calculator-main .item-box .item-1 .right .param-unit .input-btn {width:50px;height:50px;top:0;right:0;background-color:#b40f19;cursor:pointer;}
.calculator-main .item-box .item-1 .right .param-unit .input-btn:before {transition:.2s;content:"";background:url(../img/slide-down.png) no-repeat 50% 50%;width:100%;height:100%;display:block;}
.calculator-main .item-box .item-1 .right .param-unit .input-btn.on:before {-webkit-transform:rotateZ(-180deg);-moz-transform:rotateZ(-180deg);-ms-transform:rotateZ(-180deg);-o-transform:rotateZ(-180deg);transform:rotateZ(-180deg);}
.calculator-main .item-box .item-1 .right .param-unit .ul {width:100%;line-height:26px;cursor:pointer;display:none;position:absolute;left:0;top:49px;z-index:1;background:#fff;border:1px solid #959595;}
.calculator-main .item-box .item-1 .right .param-unit .ul li {padding-left:10px;color:#959595;}
.calculator-main .item-box .item-1 .right .param-unit .ul li:hover {background-color:#b40f19;color:#fff;}
.calculator-main .item-box .item-1 .right .param-value {width:360px;padding:0 15px;margin-left:20px;}
.calculator-main .item-box .item-1 .right .btn-box .param-com {width:150px;line-height:38px;font-size:16px;color:#fff;cursor:pointer;background-color:#bb0511;outline:none;border:0;margin-left:20px;}
.calculator-main .item-box .item-1 .right .btn-box .param-res {width:150px;line-height:38px;font-size:16px;color:#fff;cursor:pointer;background-color:#8e8e8e;outline:none;border:0;}
.calculator-main .item-box .item-2 {padding:100px 0;}
.calculator-main .item-2 .pro-model-show {width:334px;height:100%;border-right:1px solid #959595;}
.calculator-main .item-2 .pro-model-show .result {color:#959595;height:135px;padding-top:20px;}
.calculator-main .item-2 .pro-model-show .result .red-text {color:#b40f19;font-size:20px;line-height:26px;padding-top:10px;font-weight:bold;}
.calculator-main .item-2 .pro-model-show .pro-model {width:278px;height:83px;margin:0 auto;background:url(../img/loop-resistor.png) no-repeat;}
.calculator-main .item-2 .pro-model-show #pro-model .none {opacity:0;filter:alpha(opacity=0);}
.calculator-main .item-2 .pro-model-show .reset-btn {color:#fff;background:#b40f19;width:148px;line-height:38px;margin:85px auto 0;}
.calculator-main .item-2 .pro-model-show .pro-model .ring {position:absolute;width:229px;height:56px;top:3px;left:24px;overflow:hidden;}
.calculator-main .item-2 .pro-model-show .pro-model .ring .i {float:left;width:10px;height:41px;margin-top:8px;margin:8px 7px 0 0;}
.calculator-main .item-2 .pro-model-show .pro-model .ring-4 .i {margin-right:10px;}
.calculator-main .item-2 .pro-model-show .pro-model .ring .i:first-child {height:56px;margin:0 22px 0 53px;}
.calculator-main .item-2 .pro-model-show .pro-model .ring-4 .i:first-child {margin-right:26px;}
.calculator-main .item-2 .pro-model-show .pro-model .ring-6 .i:last-child {height:56px;margin:0 0 0 12px;}
.calculator-main .item-2 .pro-model-show .pro-model .ring .i:before {content:'';display:block;width:8px;height:100%;background:linear-gradient(transparent,rgba(0,0,0,0.2),transparent,rgba(255,255,255,0.3),transparent,transparent);margin-left:1px;}
.calculator-main #color-resistor .loop-box {height:100%;}
.calculator-main #color-resistor .black {background-color:#000;}
.calculator-main #color-resistor .brown {background-color:#693406;}
.calculator-main #color-resistor .red {background-color:#de0909;}
.calculator-main #color-resistor .orange {background-color:#fca000;}
.calculator-main #color-resistor .yellow {background-color:#fce100;}
.calculator-main #color-resistor .green {background-color:#00c505;}
.calculator-main #color-resistor .blue {background-color:#0041fc;}
.calculator-main #color-resistor .purple {background-color:#a000fc;}
.calculator-main #color-resistor .gray {background-color:#838288;}
.calculator-main #color-resistor .white {background-color:#fff;}
.calculator-main #color-resistor .golden {background-color:#ffe384;}
.calculator-main #color-resistor .silvery {background-color:#dcdcdc;}
.calculator-main #color-resistor .none {background:none;}
.calculator-main #color-resistor .none:after {content:'';height:1px;width:100%;top:50%;position:absolute;background-color:#b40f19;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.calculator-main .item-2 .loop-box .loop {height:100%;padding:0 32px;width:228px;border-right:1px solid #959595;}
.calculator-main .item-2 .loop-box .loop.on {background-color:#fafafa;}
.calculator-main .item-2 .loop-box .loop .loop_tit {font-size:20px;color:#959595;font-weight:bold;border-bottom:1px dashed #959595;height:42px;line-height:50px;}
.calculator-main .item-2 .loop-box .loop .loop_tit div {width:100%;top:-50px;}
.calculator-main .item-2 .loop-box .loop .loop_row {line-height:20px;border-bottom:1px dashed #959595;color:#959595;}
.calculator-main .item-2 .loop-box .loop_4 .loop_row {padding:27px 0;height:75px;}
.calculator-main .item-2 .loop-box .loop_5 .loop_row {padding:20px 0;height:60px;}
.calculator-main .item-2 .loop-box .loop_6 .loop_row {padding:15px 0;height:50px;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box {width:100%;height:100%;top:0;left:0;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_block {width:18px;height:18px;border:1px solid #959595;cursor:pointer;right:21px;position:absolute;top:50%;margin-top:-10px;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_block:before {content:'';position:absolute;width:100%;height:100%;left:100%;margin-left:3px;z-index:1;background:url(../img/slide-down-red.png) no-repeat 50% 50%;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_block.on:before {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_list {height:52px;border:1px solid #959595;width:150px;top:50%;right:0;position:absolute;margin-top:11px;background-color:#fff;display:none;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_list:before {content:'';position:absolute;bottom:100%;right:-1px;width:18px;height:20px;border:1px solid #959595;border-bottom-color:#fff;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_list:after {content:'';width:0;height:5px;position:absolute;right:-1px;top:-2px;border-right:1px solid #959595;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_list i {float:left;width:16px;height:16px;border:1px solid #959595;cursor:pointer;margin:4px 6px;position:relative;}
.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_list i.on,.calculator-main .item-2 .loop-box .loop .loop_row .color_box .color_list i:hover {border-color:#fff;box-shadow:0 0 0 1px #d7d7d7;}
.calculator-main .item-2 .color-tip-icon {position:fixed;top:50%;left:50%;z-index:8;padding:2px 5px;font-size:12px;color:#fff;background-color:rgb(153,153,153);display:none;}
.calculator-main .item-box .item-3 {height:100%;padding:52px 0;}
.calculator-main .item-3 .conversion-wrap {height:100%;}
.calculator-main .item-3 .conversion-wrap .conversion {width:405px;padding:0 45px;height:100%;border-right:1px dashed #959595;}
.calculator-main .item-3 .conversion-wrap .conversion:last-child {border:0;}
.calculator-main .item-3 .conversion .head-text {font-size:14px;line-height:20px;padding-bottom:5px;color:#838288;}
.calculator-main .item-3 .conversion .result {width:100%;overflow-x:auto;color:#b40f19;font-size:20px;line-height:24px;height:48px;border-bottom:1px solid #959595;}
.calculator-main .item-3 .conversion .param-box .param-row {margin-bottom:30px;}
.calculator-main .item-3 .conversion .param-box .label {font-size:14px;line-height:26px;height:26px;padding-top:40px;color:#838288;}
.calculator-main .item-3 .conversion .param-box input {border:1px solid #959595;width:100%;padding:0 10px;line-height:36px;height:36px;font-size:14px;color:#838288;}
.calculator-main .item-3 .conversion .param-box .unit {width:132px;position:relative;}
.calculator-main .item-3 .conversion .param-box .unit input {width:100%;border:1px solid #959595;cursor:pointer;}
.calculator-main .item-3 .conversion .param-box .unit .input-btn {width:36px;height:36px;background:#b40f19;cursor:pointer;position:absolute;top:0;right:0;}
.calculator-main .item-3 .conversion .param-box .unit .input-btn:before {transition:.2s;content:'';width:100%;height:100%;display:block;background:url(../img/slide-down.png) no-repeat 50% 50%;}
.calculator-main .item-3 .conversion .param-box .unit .input-btn.on:before {-webkit-transform:rotateZ(-180deg);-moz-transform:rotateZ(-180deg);-ms-transform:rotateZ(-180deg);-o-transform:rotateZ(-180deg);transform:rotateZ(-180deg);}
.calculator-main .item-3 .conversion .param-box .unit .ul {width:100%;line-height:26px;cursor:pointer;background-color:#f2f2f2;position:absolute;top:100%;left:0;display:none;}
.calculator-main .item-3 .conversion .param-box .unit .ul li {padding:0 10px;color:#959595;font-size:14px;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;-transition:0.2s;position:relative;}
.calculator-main .item-3 .conversion .param-box .unit .ul li:hover {background-color:#fff;color:#b40f19;}
.calculator-main .item-3 .conversion .param-box .unit .ul li:hover:after {content:'';position:absolute;top:0;right:0;width:36px;height:100%;background:url(../img/gou.png) no-repeat 50% 50%;}
.calculator-main .item-3 .conversion .param-box .icon {height:36px;width:50px;background:url(../img/exchange.png) no-repeat 50% 50%;}
.calculator-main .item-3 .conversion .reset-btn {width:150px;height:38px;outline:none;color:#fff;border:0;background-color:#b40f19;font-size:16px;cursor:pointer;display:block;margin:115px auto 0;}
.calculator-main .item-4 .img {width:927px;height:500px;margin:32px 0 0 38px;}
.calculator-main .item-4 .img img {width:100%;height:100%;}
.calculator-main .item-4 .img-info {width:220px;}
.calculator-main .item-4 .img-info .info-title {border-bottom:1px solid #b40f19;color:#b40f19;font-size:20px;line-height:28px;height:56px;padding:70px 0 36px;}
.calculator-main .item-4 .img-info .info-detail {color:#6d6d6d;font-size:12px;line-height:20px;padding-top:38px;}
.calculator-main .item-4 .img-info .info-detail .watch-img {display:block;width:132px;height:34px;line-height:34px;color:#fff;font-size:14px;text-align:center;background-color:#b40f19;margin:75px auto 0;cursor:pointer;}
.calculator-main .item-5 .item-5-tab {bottom:100%;left:10rem;}
.calculator-main .item-5 .item-5-tab .item-5-tab-item {float:left;font-size:16px;color:#6d6d6d;height:40px;line-height:40px;/* border:1px solid #b40f19;*/    padding:0px 15px;cursor:pointer;color:#232323;margin-right:10px;/* border-radius:10px 10px 0 0;*/    background:#8e8e8e;color:#fff;}
/* .calculator-main .item-5 .item-5-tab .item-5-tab-item.last {padding-right:0;border:0;}
*/.calculator-main .item-5 .item-5-tab .item-5-tab-item.on {color:#b40f19;border-color:#b40f19;background:#b40f19;color:#fff;}
.calculator-main .item-5-con {color:#959595;}
.calculator-main .item-5-con .con-box {padding-left:65px;padding-top:50px;display:none;}
.calculator-main .item-5-con .con-box.on {display:block;}
.calculator-main .item-5-con .con-box .title-text {color:#ba0000;font-size:16px;line-height:48px;text-align:center;border-bottom:1px solid #959595;}
.calculator-main .item-5-con .con-box .con-middle {padding-top:24px;}
.calculator-main .item-5-con .con-box .con-left,.calculator-main .item-5-con .con-box .con-right {width:577px;}
.calculator-main .item-5-con .con-box .con-left .con-middle {height:280px;padding-bottom:15px;border-bottom:1px solid #959595;}
.calculator-main .item-5-con .con-box .con-right .con-middle {height:326px;border-bottom:1px solid #959595;}
.calculator-main .item-5-con .con-box .con-left .con-middle .img-box {line-height:26px;}
.calculator-main .item-5-con .con-box .con-left .con-middle .row-wrap {/*height:32px;*/}
.calculator-main .item-5-con .con-box .con-left .con-middle .row-wrap .row {padding:12px 0;height:32px;}
.calculator-main .item-5-con .con-box .con-middle .row .input {width:110px;padding:0 10px;height:30px;line-height:30px;border:1px solid #959595;color:#959595;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input {margin-left:12px;width:90px;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input input {width:46px;padding:0 32px 0 10px;height:30px;line-height:30px;border:1px solid #959595;color:#959595;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input .unit-btn {height:32px;line-height:32px;overflow:hidden;width:32px;top:0;right:0;cursor:pointer;background-color:#b40f19;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input .unit-btn:before {content:'';position:absolute;top:0;right:0;bottom:0;left:0;background:url(../img/slide-down.png) no-repeat 50% 50%;-webkit-transition:0.2s;-moz-transition:0.2s;-ms-transition:0.2s;-o-transition:0.2s;transition:0.2s;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input .unit-btn.on:before {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input .input_sub_list {width:100%;background-color:#f1f1f1;display:none;z-index:2;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input .input_sub_list li {cursor:pointer;padding:0 10px;line-height:22px;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input .input_sub_list li:hover {background-color:#b40f19;color:#fff;}
.calculator-main .item-5-con .con-box .con-middle .row .label-text {line-height:32px;padding-right:10px;}
.calculator-main .item-5-con .con-bottom .result-box {line-height:22px;height:22px;padding:7px 0;}
.calculator-main .item-5-con .con-bottom .result-box .result-tip {background-color:#fff;left:0;top:7px;}
.calculator-main .item-5-con .con-bottom .result-box .result {border-bottom:1px solid #959595;height:22px;}
.calculator-main .item-5-con .con-bottom .btn-wrap {width:320px;margin:16px auto 0;overflow:hidden;}
.calculator-main .item-5-con .con-bottom .btn-wrap .btn-reset {color:#fff;font-size:15px;background-color:#8e8e8e;width:148px;line-height:38px;}
.calculator-main .item-5-con .con-bottom .btn-wrap .btn-computed {color:#fff;font-size:15px;background-color:#bb0511;width:148px;line-height:38px;}
.calculator-main .item-5-con .con-box .con-right .con-middle .bottom .row {height:32px;line-height:32px;padding:16px 0 0 0;}
.calculator-main .item-5-con .con-right .con-middle .bottom .row input {height:30px;line-height:30px;border:1px solid #959595;padding:0 10px;}
.calculator-main .item-5-con .con-box .con-right .con-middle .bottom .input-box-wrap {width:505px;}
.calculator-main .item-5-con .con-box .con-right .con-middle .bottom .input-box-wrap .input {width:380px;}
.calculator-main .item-5-con .con-box .con-left .con-middle .tips.fs12 {border-top:1px solid #959595;text-align:right;width:110%;margin-left:-10%;height:30px;line-height:36px;}
.calculator-main .item-5-con .con-box-3 .con-left .con-middle .row-wrap .row {padding:10px 0;}

@media (max-width:1600px) {
.calculator-main .item-box .item-1 .right .param-value {width:260px;}
.calculator-main .item-2 .loop-box .loop {padding:0 20px;width:167px;}
.calculator-main .item-3 .conversion-wrap .conversion {width:320px;padding:0 30px;}
.calculator-main .item-3 .conversion .param-box .unit {width:109px;}
.calculator-main .item-3 .conversion .param-box .icon {width:40px;}
.calculator-main .item-4 .img {width:670px;}
.calculator-main .item-5-con .con-box {padding-left:30px;}
.calculator-main .item-5-con .con-box .con-middle .row .input {width:80px;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input {width:70px;}
.calculator-main .item-5-con .con-box .con-middle .row .unit-input input {width:26px;}
.calculator-main .item-5-con .con-box .con-left {width:480px;}
.calculator-main .item-5-con .con-box .con-right {width:420px;}
.calculator-main .item-5-con .con-box .con-right .con-middle .bottom .input-box-wrap {width:345px;}
.calculator-main .item-5-con .con-box .con-right .con-middle .bottom .input-box-wrap .input {width:240px;}
}