/*Tech Spec*/ .tech-spec,.reviews_cen,.screenshots_cen,.faq_cen{ font-size:13px; padding:20px 0; width:1000px; margin:0 auto;} .tech-spec table{ text-align:left; margin:0 0 20px; background-color:#e5e5e5;} .tech-spec table caption{ text-align:left; font-size:15px; font-weight:bold; padding:10px; background-color:#f2f2f2;} .tech-spec table th,.tech-spec table td{ padding:6px 10px; background-color:#FFF;} .z1{ color:#666666;} .clear{ clear: both; } .t_banner{ background:url("..https://www.iseepassword.com/images/sg.webp"); width:100%; height:150px; } .t_main{ margin:40px auto; width:988px; } .faq{ background-color: #fff; } .faq .container{ width: 988px; margin: 0 auto; padding: 40px 0 25px 0; } .faq .box1{ float: left; width:1000px; padding: 20px 18px 20px 0; } .faq .box1 .son1{ float: left; width: 158px; height: 350px; text-align: center; padding-top: 45px; position: relative; background: url("..https://www.iseepassword.com/images/faq_bg_03.webp") no-repeat 153px 0px; } .faq .box1 .son1 ul li.normal{ height: 57px; color: #fff; font-size: 18px; background-color: #B2B2B2; margin: 0 0 10px 0; padding: 20px 0 5px 0; position: relative; width: 154px; } .faq .box1 .son1 ul li.normal a{ color: #fff; } .faq .box1 .son1 ul li.active{ height: 57px; color: #fff; font-size: 15px; background-color: #B2B2B2; margin: 0 0 10px 0; padding-top: 15px; position: relative; left: -6px; width: 165px; background: url("..https://www.iseepassword.com/images/faq_li_bg_03.webp") no-repeat; } .faq .box1 .son1 ul li.normal:hover{ background-color: #8FBFE6; width:165px; left: -6px; cursor: pointer; } .faq .box1 .son2{ float: left; margin-left:20px; width: 550px; } .faq .box1 .son2 p{ font-size: 14px; width: 485px; margin: 0 auto; } .faq .box1 .son2 .cont span{ display: block; float: left; } .faq .box1 .son2 .cont p{ width:400px; float: left; } .faq .box1 .son2 .cont img{ float: right; position: relative; top: 10px; margin-right: 10px; } .faq .box1 .son2 a{ color: #4A8EC6; } .faq .box1 .son2 a:hover{ text-decoration: underline; } .faq .box1 .son2 .cont_title{ display: block; height: 51px; border: 1px solid #949494; padding: 10px 0px 0px 20px; position: relative; color: #323232; margin-bottom: 10px; background: url("..https://www.iseepassword.com/images/faq_down_03.webp") no-repeat 457px 19px; } .faq .box1 .son2 .cont_title:hover{ cursor: pointer; } .faq .box1 .son2 .cont_active{ color: #000; border: 1px solid #4D8FCB; box-shadow: 0px 3px 3px #4D8FCB; background: url("..https://www.iseepassword.com/images/faq_up_03.webp") no-repeat 457px 19px #DEEFFD; } .faq .box1 .son2 .cont_title2{ height: 72px; } .faq .box1 .son2 .cont_titles{ padding-top: 20px; height: 41px; } .faq .box1 .son2 .cont_titles img{ top: 0; } .faq .box1 .son2 .cont .cont_content{ display: none; width: 470px; margin: 0 auto; padding-bottom: 10px; font-size: 14px; } .faq .box1 .son2 .cont_content_active{ display: block; } .faq .box2{ float: right; width:273px; padding: 0 10px; } /*right*/ .faq .box2 .t_right{width:250px;float:left;} .faq .box2 .r_title{height:40px;border-bottom:1px solid #666;} .faq .box2 .r_title{font-family: 微软雅黑; font-size:20px;font-weight:normal;font-style:normal;line-height:40px;} .faq .box2 .p_list ul{margin-top:40px;} .faq .box2 .span12 { display: table;min-width: 100%;position: relative;margin-bottom: 5px;border-bottom: 1px solid #EEE;background: url(..https://www.iseepassword.com/images/back_pattern_angled.webp) repeat-x left bottom;font-size: 18px;margin-top:20px;} .faq .box2 .span12 img {float:right;} .faq .box2 .author-name {padding: 93px 0 0 20px;float:left;} .faq .box2 .author-name div{font-size:18px;border-bottom: 5px solid #00709A;} .faq .box2 .author-name a{font-size:18px;color:#00709A;font-family: Georgia,Times,sans-serif;} .faq .box2 .author p{color:#999;font-size:11px;height:50px;} .faq .box2 .a_link ul li{ float:left;list-style-type:none;margin-right:4px;} .faq .box2 .a_link ul {height:30px;margin-top:20px;} .faq .box2 .a_link ul li a {margin:0;text-decoration:none;} .a_link ul li a:hover{ opacity: 0.7; } .faq .box2 .view{z-index:100;position:relative;} .faq .box2 .product{margin-top:20px;margin-bottom: 20px;} .faq .box2 .product .cont1{float:left;width:45%;margin-bottom: 15px;} .faq .box2 .product .cont2{float:left;width:55%;font-size: 12px;margin-bottom: 15px;} .faq .box2 .product p.title{width:100%;display: block;border-bottom: 2px solid #CCC;margin-bottom: 15px;color:#000;font-size: 16px;font-weight: bold;padding-bottom: 10px;} /*add css on 2015/1/6*/ @media(max-width: 1030px){ .faq .container{ width: 750px; } .faq .box1{ width: 100%; } .faq .box2{ padding: 0; width: 100%; } .faq .box2 .author{ width: 310px; float: left; } .faq .box2 .product{ width: 330px; float: right; } } @media (max-width: 768px) { .faq .container,.faq .box1 .son2{ width: 460px; } .faq .container{ padding: 0; } .faq .box1{ border:none; box-shadow: none; padding: 0; } .faq .box1 .son1{ background: none; height: auto; float: none; width: 100%; padding-top: 10px; } .faq .box1 .son1 ul li.normal{ width: 100%; } .faq .box1 .son1 ul li.normal:hover{ background-color: #6DA3D1; width:100%; left: 0; cursor: pointer; } .faq .box1 .son1 ul li.active{ width: 100%; background: none; background-color: #6DA3D1; left: 0; } .faq .box1 .son2 .cont p,.faq .box1 .son2 .cont span{ display: inline; float: none; } .faq .box2 .author,.faq .box2 .product{ float: none; width: 100%; } .faq .box2 .product{ position: relative; } .faq .box2 .product p{ position: absolute; top: 140px; right: 64px; } .faq .box2 .product p.title{ position: initial; } .faq .box2 .product .cont1{ width: 34%; } } @media (max-width: 479px) { .faq .container,.faq .box1 .son2,.faq .box1 .son2 p,.faq .box1 .son2 .cont .cont_content{ width: 280px; } .faq .box1 .son1 ul li.active,.faq .box1 .son1 ul li.normal{ height: 50px; padding: 0; } .all_title h1{ font-size: 18px; } .faq .box1 .son2 .cont_title{ height: auto; padding-bottom: 10px; } .faq .box2 .product .cont1{ width: 38%; } .faq .box2 .product p{ position: initial; } } .sub_pro_title { padding-bottom:8px; padding-top:1px; padding-left:10px; font-size:28px; margin-top:30px; line-height:0.8em; font-weight:600; border-left-width:5px; border-left-style: solid; border-left-color: #37BE94; }