/* mobile */
.title{ width:820px; margin:0 auto; text-align:center;}
.title h3{ height:96px; line-height:62px; font-size:30px; background:url(../images/title_mobile.png) no-repeat center 65px; border-bottom:1px solid #ddd;}
.title span{ display:block; height:36px; line-height:36px; font-size:14px;}
.child_phonecase{ padding:50px 0;}
/*phone*/
.phonecase_list{ margin-top:40px; padding:0 0 50px 0;}
.phonecase_list li{ width:219px; float:left; background:url(../images/bg03.jpg) no-repeat left top; height:445px; float:left; margin:0 108px 20px 0; position:relative;}
.phonecase_list .no_pix{ margin-right:0;}
.phonecase_list li .pcp{ display:block; width:219px; height:373px; padding:41px 0 30px 0; overflow:hidden; }
.phonecase_list li a img{width:220px;height:373px;}
.phonecase_list li .p_info{ background:rgba(0,0,0,0.5); position:absolute; width:219px; height:373px; left:0; top:42px; display:none;}
.phonecase_list li .p_info b{ display:block; height:50px; line-height:50px; text-align:center; font-size:14px; color:#fff; padding-top:15px;}
.phonecase_list li .p_info i{ display:block; width:156px; height:156px; margin:0 auto;}
.phonecase_list li .p_info i img{ width:100%; height:100%;}
.phonecase_list li .p_info span{ display:block; width:110px; height:38px; border:1px solid #fff; background:rgba(255,255,255,0.5); line-height:38px; margin:15px auto;}
.phonecase_list li .p_info span a{ display:block; width:110px; height:38px; text-align:center; font-size:14px; color:#fff;}
.phonecase_list li .p_info h3{ height:40px; text-align:center; line-height:40px; margin-top:20px; color:#fff; font-size:14px;}

/* mobile-view */
.mobile-contaier{background:#DDDEEA;padding:80px 0}
.sp-container{width:650px; margin:0 auto;}
.pl_container{width:345px;height:642px;background:url(../images/phone.jpg);float:left;}
.pl_container .url{width:288px;height:25px;line-height:20px;margin-left:40px;display:inline;margin-top:140px;float:left; display:inline}
.pl_container .pic{width:274px;height:332px;overflow:hidden;float:left;margin:0 0 0 37px; display:inline}
.pr_container{width:304px; float:left;}
.pr_content{padding:80px 0 0 25px;}
.pr_content h3{font-family:"Î¢ÈíÑÅºÚ"; font-size:40px; font-weight:bold; color:#252424; height:70px; line-height:70px;}
.name_profile{margin:15px 0;line-height: 30px;}
.name_profile li{width:250px;padding-left:15px; float:left;background:url(../images/point5.jpg) no-repeat left center;display:inline}
.name_profile li a{font-size:14px;}
.erwei{margin-top:25px;}
.erwei span{display:block;}
.erwei span img{width:120px;}
.erwei span a{margin-left:15px; font-size:14px;display:inline}