@import url(diagnosis-comm.css);

.icon-fault{background:url(../images/phone-fault.png) -1000px 0 no-repeat;width:34px;height:70px;display:block;}
.icon-fault-1{background-position:0 0;}
.icon-fault-2{background-position:-34px 0;}
.icon-fault-3{background-position:-68px 0;}

.article-mn{padding:78px 0 498px;overflow:hidden;}

.ll{float:left;}
.ll .tt{font-size:24px;color:#333333;line-height:24px;}
.ll .tt small{font-size:14px;color:#999999;margin-left:1em;}

.tag-cells{width:100%;overflow:hidden;}
.tag-cells .cell{float:left;width:33.3333%;text-align:center;}
.tag-cells .cell span{display:block;font-size:12px;line-height:1em;color:#999999;margin-top:21px;}
.tag-cells .cell-mn{width:34px;margin-left:29px;cursor:pointer;}

.phone-fault-cells{display:none;margin-left:48px;width:230px;height:390px;background:url() 0 0 no-repeat;position:relative;margin-top:53px;}
.phone-fault-cells .cell{background-color:#f9dfd0;background-color:rgba(255,119,34,.2);color:#333333;font-size:14px;text-align:center;position:absolute;border-radius:4px;line-height:32px;height:32px;cursor:pointer;}
.phone-fault-cells .fault-1{width:132px;top:34px;left: 38px;}
.phone-fault-cells .fault-2{width:114px;left: 0px;top:105px;}
.phone-fault-cells .fault-3{width:114px;top:88px;left: 163px;}
.phone-fault-cells .fault-4{width:92px;height:92px;line-height:92px;border-radius:50%;left: 53px;top: 169px;}
.phone-fault-cells .fault-5{width:114px;left: 160px;top:244px;}
.phone-fault-cells .fault-6{width:100px;padding-top:35px;left: 64px;top:340px;}

.phone-fault-cells .fault-7{width:160px;left:-66px;top: 7px;}
.phone-fault-cells .fault-8{width:114px;right: -38px;top: 54px;}
.phone-fault-cells .fault-9{width:92px;height:92px;line-height:92px;border-radius:50%;left: 68px;top: 170px;}

.phone-fault-cells .fault-10{width:112px;padding-top:35px;left:38px;top: 195px;}
.phone-fault-cells .fault-11{width: 140px;padding-top: 8px;left: 166px;top: 195px;}
.phone-fault-cells .active {background-color:rgb(255,119,34);background-color:rgba(255,119,34,.8);color:#fff;}
.phone-fault-cells .cell:hover{background-color:rgb(255,119,34);background-color:rgba(255,119,34,.8);color:#fff;}

.phone-fault-cells img{position:absolute;top:0;left:0;}

.fault-1 .phone-fault-iphone-1 {display:block;}
.fault-1 .phone-fault-iphone-2 ,
.fault-1 .phone-fault-iphone-3 {display:none;}

.fault-2 .phone-fault-iphone-2 {display:block;}
.fault-2 .phone-fault-iphone-1,
.fault-2 .phone-fault-iphone-3 {display:none;}

.fault-3 .phone-fault-iphone-3 {display:block;}
.fault-3 .phone-fault-iphone-1,
.fault-3 .phone-fault-iphone-2 {display:none;}



.btnSubmit{border:0;height:48px;width:220px;color:#fff;background-color:#ff7722;border-radius:4px;font-size:18px;}
.ll1-bd{margin-top:45px;}
.ll1-ft{text-align:center;margin-top:85px;}

.ll1{width:276px;}
.ll2{width:379px;margin-left:173px;}
.ll2 .msg {font-size:18px;text-align:center;padding:50px 20px;border:1px solid #ddd;border-radius:4px;}
.ll2 .opt-cells{}
.ll2 .opt-cells .cell{font-size:16px;line-height:30px;border:1px solid #ddd;border-radius:6px;padding:4px 20px;margin-bottom:10px;cursor:pointer;}
.ll2 .opt-cells .active{border-color:#f72;color:#f72;}

.ll2-bd-1{margin-top:23px;}
.opt-dialog{border:1px solid #f72;border-radius:6px;margin-top:32px;}
.opt-dialog .opt-dialog-tt{border-bottom:1px solid #ddd;font-size:16px;color:#333333;text-align:left;padding:0 20px;line-height:48px;height:48px;font-weight:bold;}
.opt-dialog .opt-dialog-bd{padding:28px 18px 20px;}
.opt-dialog .opt-dialog-bd .bd1{font-size:18px;line-height:30px;}
.opt-dialog .opt-dialog-bd .bd2{text-align:center;margin-top:23px;}
.opt-dialog .opt-dialog-bd .bd2 i{margin:0 27px;cursor:pointer;}

.ll2-mm{margin-top:38px;}
.opt-dialog2{margin-top:23px;}
.opt-dialog-bd2{padding:12px 18px 20px;}
.opt-dialog-bd2 .bd1{text-align:right;font-size:14px;line-height:1.4em;}
.opt-dialog-bd2 .bd1 span{color:#f72;text-decoration:underline;cursor:pointer;}
.opt-dialog-bd2 .bd2{text-align:center;margin-top:17px;}
.opt-dialog-bd2 .bd2 .bd2-mn{display:inline-block;}
.opt-dialog-bd2 .bd2 .bd2-mn i{float:left;margin:2px 33px 0 0;}
.opt-dialog-bd2 .bd2 .bd2-mn ul{float:left;}
.opt-dialog-bd2 .bd2 .bd2-mn li{font-size:16px;line-height:28px;color:#666666;}

.opt-dialog-bd2 .bd3{text-align:center;margin-top:27px;}
.opt-dialog-bd2 .bd3 .bnts{overflow:hidden;display:inline-block;margin:0 -9px;}
.opt-dialog-bd2 .bd3 .bnts a{width:145px;display:block;float:left;text-align:center;line-height:38px;border:1px solid transparent;height:38px;font-size:16px;margin:0 9px;border-radius:4px;}
.opt-dialog-bd2 .bd3 .bnts .btn1{border-color:#f72;background-color:#fff;color:#f72;}
.opt-dialog-bd2 .bd3 .bnts .btn2{background-color:#f72;border:#f72;color:#fff;}