.wrapper-1366 .com_button{padding: 25px 0 25px 53px;}
.wrapper-1280 .com_button{padding: 20px 0 20px 85px;}
.wrapper-1024 .com_button{padding: 20px 0 20px 85px;}
.com_button a{margin-right: 0;}
.com_button span{ display: inline-block; width:290px; margin-bottom:5px; position: relative;}
.com_button span:hover .altList{display: block;}
.com_button a,.com_button .cur2,.com_button a:hover{border:0;}
.com_list li {position: relative; float: left; margin: 0 41px; margin-bottom: 40px; padding:10px; background-color: #fff;}
.com_list li .show_iphone{position: absolute; right:0; bottom:-50px; z-index: 10; display: inline-block; overflow: hidden; padding:29px 27px 73px 25px; width: 148px; height: 238px; background:url('../images/iphone_for.png') no-repeat;}
.com_list li .show_iphone span{display: block; height: 100%; overflow: hidden; position: relative;}
.com_list li .show_iphone img{width:100%;}
.com_list li .show_iphone span p{ display: none; height: 100%; position: absolute; left: 0; right: 0; top: 0; background: url(../images/bg1.png); }
.com_list li .show_iphone span .carImg{display: none; position: absolute; top:50%; left:50%; margin:-40px 0 0 -40px; width:80px; height: 80px; background: url(../images/carimg.png);}
.com_list li .show_iphone:hover span p,
.com_list li .show_iphone:hover span .carImg{display: block;}
.wrapper-1024 .com_list ul{width:900px; margin:0 auto;}
.wrapper-1024 .com_list li{width: 410px;  margin:0 10px 40px;}
.wrapper-1024 .temp-pic{ width:410px; /* background:url(../images/top3-1.png) no-repeat left top; */ }
.wrapper-1024 .temp-pic_a{ width:408px; }
.wrapper-1024 .temp-pic_a em{ width:369px; }
.wrapper-1024 .com_list .temp-pic { width: 410px; height: 314px; /* background: url(../images/top3-1.png) no-repeat left top; */ }
.wrapper-1024 .com_list .temp-pic_a { width: 410px; }
.wrapper-1024 .com_list .temp-pic_a em { width: 410px; }
.wrapper-1280 .com_list ul{ width:1140px; margin:0 auto; }
.wrapper-1280 .com_list li{width: 458px; margin:0 45px 40px; }
.wrapper-1280 .com_list .temp-pic { width: 458px; height: 314px; /* background: url(../images/top3.png) no-repeat left top; */} 
/*.wrapper-1366 .com_list ul{ width:1125px; margin:0 auto; }*/
.wrapper-1366 .com_list ul{ width:1200px; margin:0 auto; }
.wrapper-1366 .com_list li{ width: 520px; margin:0 30px 40px;}
.wrapper-1366 .com_list .temp-pic {width: 520px; height: 280px;/*  background: url(../images/top3.png) no-repeat left top;*/} 
.wrapper-1366 .com_list .temp-pic_a{width: 518px;}
.wrapper-1366 .com_list .temp-pic_a em{width: 518px;}
.com_list{background-color: #F5F5F5; overflow: hidden;}
.com_list li.cur1 .mo_footer .curBtn{background-color: #12A9FF;}
.com_list .temp-pic { overflow: hidden; position: relative; border:0; transition:inherit; margin-bottom: 10px;}
.com_list .temp-pic:hover{ transform:inherit; }
.com_list .temp-pic_a { display: block; width: 478px; height: 312px; overflow: hidden; border: 1px solid #ededed; }
.com_list .position_rela, .expressReviewImg, .mobileInitReview { position: relative; }
.com_list .temp-pic_a em { display: block; width: 478px; }
.com_list .temp-pic_a img { width: 100%; }
.com_list .temp-pic-attr { display: none; width: 80px; height: 80px; overflow: hidden; position: absolute; top: 100px; left: 50%; right: 0; margin-left: -40px; z-index: 9; }
.com_list .temp-pic:hover .temp-pic-attr{ display: block; }
.com_list .temp-pic-attr .carImg{width:80px; height: 80px; background:url('../images/carimg.png');}
.com_list .temp-pic-attr a { float: left; width: 90px; line-height: 40px; height: 40px; text-align: center; border-radius: 25px; background-color: #0099ff; color: #FFF; border: 0; }
.com_list .temp-pic-attr .or_a_ { background-color: rgba(0,0,0,0.5); display: none; }
.com_list .or_a_ img { width: 32px; height: 32px; margin-top: 6px; }
.com_list .temp-pic p { display: none; height: 313px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; z-index: 8; background: url(../images/bg1.png); }
.com_list .temp-pic:hover p{ display: block; } 
.temp-pic-attr .or_a_ { background-color: rgba(0,0,0,0.5); display: none; }
.altList{position: absolute; z-index: 1; top:40px; display: none;}
.altList dl{background-color: #fff; box-shadow: 0 0 5px #000; overflow: hidden; width: 220px; border-radius: 5px;}
.altList dl dd{float: left; background-color: #fff; position: relative; z-index: 1; }
.altList dl dd a{height: 29px; line-height: 29px; overflow: hidden; width: 100px;}
.altList em{position: absolute; top:-10px; left:20px; display: block; width:0; height: 0; border-style: solid; border-width: 10px; border-color: #fff #fff transparent transparent; box-shadow: 0 0 5px #000; transform: rotate(-45deg);}
.mo_footer{}
.mo_footer span{display: inline-block; margin-right: 10px; line-height: 30px; font-size: 14px;}
.mo_footer span label{color:#999;}
.mo_footer .curBtn{display: inline-block; background-color: #0091FF; color:#fff; font-size: 14px; line-height: 30px; text-align: center; padding:0 25px; border-radius: 5em;}
.temp-color-list{margin:0 10px 10px; border-top: 1px dashed #EDEDED; padding-top:10px;}
.temp-color-list span{border-radius: 50px; overflow: hidden; margin:0 10px;}
.temp-color-list span em{border:0;}
.hoverSpecial{position: absolute; top: -18px; left: 0; right: 0; height: 19px;}
.com_button{overflow: visible;}
.com_button span a font{color:#FF6666;}
/* submitShadowBox */
#submitShadowBox {position: fixed;top:0;left:0;right: 0;bottom: 0;background: rgba(0,0,0,0.5);z-index: 100}
#submitShadowBox .shadowbox{position:relative;padding:10px;width:430px;background:#fff;height:280px;display: table;margin:0 auto;margin-top:10%;border-radius: 4px}
.shadowbox h3{width:100%;height: 32px;border-bottom: 2px solid #dedede}
.shadowbox .left{position: absolute;top:10px;left:0;padding:0 40px;line-height:32px;font-size:16px;font-weight: 500}
.shadowbox .right{cursor:pointer;position: absolute;top:10px;right:10px;padding:0 10px;line-height:32px;font-size:16px;font-weight: 500}
.shadowbox .showMessage{width:100%;display: table;height:60px;margin-top:65px;text-align: center;line-height: 60px;font-size: 18px;color:#888;}
.shadowbox div.submit{display: table;margin:0 auto;height:38px;margin-top:65px;}
.shadowbox div.submit a{width:100px; height:38px;border-radius: 4px;display: table;margin-left: 40px;background-color: #0099ff;color:#fff;float:left;text-align: center;font-size:16px;line-height: 38px}
.shadowbox div.submit a:nth-child(1){margin-left:0;}
.shadowbox div.submit a:nth-child(2){background: #ccc;}
.shadowbox .loading{width:32px;display: table;margin:0 auto;margin-top:80px;}


#tempList .expressTmpLi{width: 458px;margin:10px 10px 35px 10px;}
#tempList .temp-pic_a{height: 314px}

#tempList .temp-pic{height:inherit;}
.com_list{float: right;width: 84%;}
.yultanc .bgbg{height: 100%}
.yultanc{z-index: 10}
.neirong{width: 64%}