.f-from-box{font-family: Microsoft YaHei;}
.fl{float: left;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden;}
.clearfix{*zoom:1} .clearfix:after{content:"\20"; clear:both; height:0; display:block; overflow:hidden;}
.calculator-box{padding: 30px 20px;margin-bottom: 20px;background-color: #f7fcec;border: 1px solid #8ec21f;position: relative;}
.f-title{font-size: 22px;font-weight: bold;color: #333;margin-bottom: 10px;text-align: left;}
.f-title .small{font-size: 12px;color: #999;}
.form-left,.form-right{float: left;margin-bottom: 30px;}
.form-left{padding-right: 3%;width: 40%;+width: 39%;}
.form-right{padding-left: 3%;width: 54%;}
.popup-calculator .form-left{width: 44%;+width: 33%;}
.popup-calculator .form-right{width: 49%;}
.f-submit .submit{display: block;margin: 0 auto;width: 191px;height: 38px;line-height: 38px;font-size: 16px;color: #fff;background-color: #333;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;outline: none;border: 0 none;clear: both;text-indent: 0;}
.f-from-box input{display: block;width: 100%;height: 30px;line-height: 30px;text-indent: 20px;border: 0 none;outline-color: #8ec21f; box-shadow:0px 0px 0px rgba(0,0,0,0);-webkit-appearance:none;background-color: transparent;}
.f-from-box .cclt-input{width: auto;height: 30px;line-height: 30px;font-size: 14px;color: #333;border: 1px solid #8ec21f;background-color: #fff;margin: 0 0 20px 0;position: relative;}
.f-from-box .cclt-input i{display: block;width: 30px;height: 28px;text-align: center;background-color: #fff;position: absolute;top: 1px;right: 1px;margin:0;}
.f-from-box .last-input{margin-bottom: 0;}
.f-from-box .f-txt{font-size: 12px;color: #999;display: block;margin-top: 10px;text-align:left;}
.f-from-box .f-detail{padding: 20px;border: 1px solid #8ec21f;background-color: #fff;font-size: 16px;color: #333;}
.f-from-box .f-num{display: inline-block;width: 68px;font-size: 16px;font-weight: bold;color: #8ec21f;margin-left: 20px;}
.f-from-box .f-unit{font-size: 16px;color: #333;vertical-align: middle;}
.f-from-box .f-price{width: 156px;margin: 0 auto 10px;}
.f-from-box .f-title .f-num{font-size: 26px;width: auto;line-height: 30px;vertical-align: bottom;margin-left: 15px;padding-right: 5px;}
.f-from-box .hx-select{position: relative;z-index: 3;}
.f-from-box .f-title .f-unit{color: #666;}
.f-from-box .fCity-selcet{margin-right: -4px;position: relative;z-index: 4;}
.f-from-box .fCity-selcet .fl{width: 45%;}
.f-from-box .fCity-selcet .fl.pro-selcet{margin-right: 9%;}
.f-from-box .f-arrow em{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #333;display: block;width: 0;height: 0;top: 0;+top: 12px;right: 6px;bottom: 0;position: absolute;margin: auto 0;}
.f-disc{ width: 100%;position: absolute;font-size: 18px;top: 46%;left: 0;z-index: 333;text-align: center;display: none;}
.f-disc span{display: inline-block;padding: 7px 17px;font-size: 16px;color: #fff;background: #333;border: 1px solid #333;text-align: center;border-radius: 5px;margin: 0 auto;}
.f-from-box .f-success-box{width: 360px;text-align: center;padding: 50px 0;font-size: 16px;color: #999;line-height: 25px;background-color: #fff; position: absolute;top: 80px;left: 50%;margin-left: -180px;z-index: 333;-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.25);-moz-box-shadow: 0 0 10px 5px rgba(0,0,0,.25);box-shadow: 0 0 10px 5px rgba(0,0,0,.25);display: none;}
.f-from-box .f-success-box .tit{font-size: 22px;color: #333;margin-bottom: 10px;}
.f-from-box .f-success-box .btn{width: 131px;height: 38px;line-height: 38px;background: #8ec21f !important;color: #fff;margin: 20px auto 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: static !important;}
.popup-calculator .calculator-box{width: 795px;margin: 10% auto 0;}
.calculator-close{width: 30px;height: 30px;line-height:30px;text-align:center;font-size: 30px;color:#333;cursor: pointer;position: absolute;right: 10px;top: 10px;}


/* select */
.fdiy_select_list,
.fdiy_select_list_box{max-height: 190px;position: absolute;top: 29px;left: -1px;z-index: 88888;width: 100%;background-color: #fff;border: 1px solid #8ec21f;padding: 3px 0;overflow: auto;}
.fdiy_select_list li{float: none;height: 24px;line-height: 24px;margin: 5px;overflow: hidden;text-indent: 15px;cursor: pointer;text-align:left;}
.fdiy_select_list li:hover,.fdiy_select_list li.on{background-color: #e1edc9;}
.fdiy_select_list_box{overflow: visible;max-height: none;padding: 5px 0;display: none;}
.fdiy_select_list_box .fdiy_select_list{position: static;border: 0 none;padding: 0;}
.fdiy_select_list_box .select_cell{float: left;width: 33.333%;}
.fdiy_select_list_box .fdiy_select_list li{text-indent: 0;text-align: center;}
.fdiy_select_txt{cursor: pointer;}

/* design */
.popup-design,.popup-calculator{width: 100%;height: 100%;position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 9999;background-color: rgba(0,0,0,.6);display: none;}
.design-box{width: 640px;height: 330px;background-color: #fff;margin: 10% auto 0;padding: 50px 60px 40px;position: relative;}
.design-box .cclt-input{height: 32px;line-height: 32px;border: 0 none;background-color: #f8f8f8;}
.design-box input{height: 32px;line-height: 32px;}
.design-box .cclt-input i{background-color: #f8f8f8;height: 30px;}
.design-box .form-left,.design-box .form-right{width: 300px;margin: 0;padding: 0;}
.design-box .form-left{margin-right: 40px;}
.design-service .title{text-align: center;margin: 20px 0 15px;position: relative;}
.design-service .title span{display: inline-block;font-size: 18px;padding: 0 30px;background-color: #fff;position: relative;}
.design-service .title i{display: block;width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;top: 50%;left: 0;margin-top: -1px;}
.design-service ul{overflow: hidden;}
.design-service li{float: left;width: 33.333%;text-align: center;font-size: 16px;color: #333;line-height: 20px;}
.f-icon{display: block;width: 52px;height: 52px;margin: 0 auto;background: url(//www1.pchouse.com.cn/xiansuoliang20180528/icon.png) no-repeat 0 0;margin-bottom: 10px;}
.f-icon1{background-position: 0 0;}
.f-icon2{background-position: 0 -52px;}
.f-icon3{background-position: 0 -103px;}
.design-close{background-position: -4px -155px;width: 45px;height: 45px;position: absolute;right: 0;top: 0;cursor: pointer;}
.design-box .f-submit .submit{width: 191px;height: 38px;line-height: 38px;background-color: #8ec21f;margin-top: 25px;}

.fixed-nav{position: fixed;left: 50%;top: 50%;margin-left: 565px;margin-top: 100px; z-index: 100;background-color: #fff;}
.fixed-nav a{display: block;width: 60px;height: 60px;-webkit-border: 1px solid #d9d9db;border: 1px solid #d9d9db;text-align:center;font-size: 14px;color: #666;position: relative;}
.fixed-nav a.first{-webkit-border-top-left-radius: 4px;-moz-border-top-left-radius: 4px;border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-top-right-radius: 4px;border-top-right-radius: 4px;border-bottom: 0 none;}
.fixed-nav a.last{-webkit-border-bottom-left-radius: 4px;-moz-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.fixed-nav i,.fixBoxToTop .cllt-btn i{display: block;width: 24px;height: 24px;background: url(//www1.pchouse.com.cn/xiansuoliang20180528/nav-btn.png) no-repeat 0 0;margin: 8px auto 5px;}
.fixed-nav a span{width: 100px;height:60px;line-height: 60px;color: #333;-webkit-border: 1px solid #d9d9db;border: 1px solid #d9d9db;border-right: 0 none;position: absolute;left: -101px;top: -1px;z-index: 3;background-color:#fff;display:none;}
.fixed-nav .sj-btn i,.fixBoxToTop .cllt-btn i{background-position: -5px -2px;}
.fixed-nav .top-btn i{background-position: -4px -30px;}
.fixed-nav a:hover,.fixBoxToTop .cllt-btn:hover{background-color:#78ca18;color: #fff;text-decoration: none;}
/*.fixed-nav a:hover span{display: block;}*/
.fixed-nav .sj-btn:hover i,.fixBoxToTop .cllt-btn:hover i{background-position: -35px -2px;}
.fixed-nav .top-btn:hover i{background-position: -35px -30px;}
.fixed-nav a.cclt-btn{width: 24px;height: 231px;line-height: 17px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 0 5px;}
.fixed-nav a.cclt-btn i{background-position: -4px -2px;}
.fixed-nav a.cclt-btn:hover i{background-position: -34px -2px;}
.fixed-nav.case-fixed-nav{margin-left: 510px;margin-top:0;}
.param-bar .open3{margin-top: 46px;background: url(//www1.pchouse.com.cn/xiansuoliang20180528/sj-btn.png) no-repeat 0 0;}
.photo-fixed-nav{position: absolute;left: auto;right:10px;top: 50%;margin-top: -116px;}
.fixBoxToTop .cllt-btn{display: block;width: 58px;height:58px;border: 1px #d9d9db solid;border-top: none;padding-top: 1px;}

/* sjs */
.popWinEwm .ewm{position: relative;}
.sjs-pic{display: block;width:50px;height:50px;position: absolute;left:50%;top: 50%;margin-left: -25px;margin-top: -24px;}
.sjs-pic img{width:50px;height:50px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.fzx-btn{width: 231px;height: 38px;line-height:38px;font-size:16px;color: #fff;text-align:center;margin: 10px auto 0;background-color: #77c111;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;}
.sjs-popup-design .design-box{width: 300px;}
.sjs-popup-design .f-title{font-weight: normal;}

.f-design{border-top: solid #f2f2f2 20px;padding: 20px 40px;background-color: #fff;overflow:hidden;}
.f-design .f-pic,.f-design .f-bd{float:left;}
.f-design .f-btn{float: right;margin-top:20px;}
.f-design .f-bd{margin-left:30px;padding-top: 15px;font-size:14px;color:#666;}
.f-design .f-bd .f-name{font-size:18px;color:#333;margin-bottom: 5px;}
.f-design .f-bd .f-price{padding-left:50px;}
.f-design .f-pic img{display:block;width:80px;height:80px;border-radius:50%;border: 1px solid #eee;}
.f-design .f-btn a{display:block;width:131px;height:38px;line-height:38px;font-size:16px;color:#fff;text-align:center;background-color:#78ca18;border-radius:4px;}

/*20180810新增样式*/
#bigPic .last-case img{outline:none;}
.last-case{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.l-c-left{padding: 121px 0 0 60px;width: 236px;float: left;}
.x-case-i{background: url(//www1.pchouse.com.cn/20180807/case-pic/case-bg.png);display: inline-block;vertical-align: top;}
.l-c-left p{color: #fff;line-height: 55px;font-size: 36px;margin-bottom: 21px;}
.l-c-left a{display: block;border: 1px solid #fff;width: 121px;height: 46px;border-radius: 7px;text-align: center;line-height: 46px;font-size: 16px;color: #fff;margin-left: 6px;}
.last-case a:hover .x-case-i{background-position-y: -15px;}
.l-c-left a:hover{color: #77c111;text-decoration: none;border-color: #77c111;}
.l-c-left .x-case-i{width: 8px;height: 14px;background-position-x: -27px;margin:16px 12px 0 0;}
.l-c-right{float: left;padding:56px 0 0 49px;width: 290px;}
.l-c-right .app-logo-case{display: block;margin-bottom: 23px;}
.l-c-right ul{margin-bottom: 26px;}
.l-c-right li{line-height: 28px;overflow: hidden;font-size: 12px;color: #ffffff;}
.l-c-right span{float: left;width: 8px;height: 8px;border-radius: 4px;background: #fff;margin: 10px 18px 0 7px;}
.l-c-right .app-erwei-case{float: left;margin: 0 21px 0 4px;}
.l-c-right a{float: left;width: 110px;height: 32px;border: 1px solid #fff;color: #fff;font-size: 12px;line-height: 32px;border-radius: 17px;text-align: center;}
.l-c-right a:hover{color:#77c111 ;border-color:#77c111 ;text-decoration: none;}
.case-app-ios{margin-top: 8px;}
.case-app-adn{margin-top: 14px;}
.case-app-ios i{width: 12px;height: 14px;margin: 9px 8px 0 0;}
.case-app-adn i{width: 13px;height: 14px;margin: 9px 6px 0 0;background-position-x: -13px;}

/*计算器新增推荐二维码*/
.f-from-box .f-arrow em{border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 6px solid #333;display: block;width: 0;height: 0;top: 0;+top: 12px;right: 6px;bottom: 0;position: absolute;margin: auto 0;}
.f-disc{ width: 100%;position: absolute;font-size: 18px;top: 46%;left: 0;z-index: 333;text-align: center;display: none;}
.f-disc span{display: inline-block;padding: 7px 17px;font-size: 16px;color: #fff;background: #333;border: 1px solid #333;text-align: center;border-radius: 5px;margin: 0 auto;}
.f-from-box .f-success-box{width: 360px;text-align: center;padding: 50px 0;font-size: 16px;color: #999;line-height: 25px;background-color: #fff; position: absolute;top: 80px;left: 50%;margin-left: -180px;z-index: 333;-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,.25);-moz-box-shadow: 0 0 10px 5px rgba(0,0,0,.25);box-shadow: 0 0 10px 5px rgba(0,0,0,.25);display: none;width: 290px;padding-right: 150px;}
.f-from-box .f-success-box .app-erweima{position: absolute;right: 42px;top: 83px;}
.f-from-box .f-success-box .tit{font-size: 22px;color: #333;margin-bottom: 10px;}
.f-from-box .f-success-box .btn{width: 131px;height: 38px;line-height: 38px;background: #8ec21f !important;color: #fff;margin: 20px auto 0;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;position: static !important;}
.popup-calculator .calculator-box{width: 795px;margin: 10% auto 0;}
.calculator-close{width: 30px;height: 30px;line-height:30px;text-align:center;font-size: 30px;color:#333;cursor: pointer;position: absolute;right: 10px;top: 10px;}
.f-from-box .f-success-box span{font-size:14px;}