@charset "utf-8";
a.win,a.mac{display:block;background:url(#) no-repeat;width:67px;height:33px;line-height:28px;color:#333;padding:0 0 0 35px;text-decoration:none;}
a.mac{background-position:0 -33px;}
.pro-text a, .leftBox a{color:#0a98f4;}
.leftBox a.download{ color:#FFF;}
/*rating*/
.ratingArea{height:20px;padding:0 0 5px 0;}
.ratingArea .comment{float:left;line-height:20px;width:110px;font-size:12px;}
.ratingArea .comment a{color:#666;}
.rating{width:95px;}
.rating li,.rating span{float:left;display:block;height:20px;width:18px;background:url(#) no-repeat;text-indent:-9999px;}
.rating li a{display:block;height:20px;width:18px;}
.rating strong{color:#f60;padding-left:10px;}
.rating .on{background-position:0 -28px;}
.rating .half{background-position:0 -55px;}
.bigRating{ width:145px;}
.bigRating li{ width:28px; height:28px; background:url(#) no-repeat 0 -56px;}
.bigRating li.on{ background-position:0 0;}
.bigRating li.half{ background-position:0 -28px;}
.rating p{position:absolute;top:25px;width:120px;height:32px;line-height:32px;display:none;background:url(#g) no-repeat;text-align:center;font-size:15px}
.rating p em{color:#f60;display:block;font-style:normal}
.distr{float:left; position:relative;width:20px;height:20px; margin-top:2px; z-index:1; font-size:12px !important;}
.distr a.showBtn,.distr a.hideBtn{display:block;background:url(#) no-repeat;width:20px;height:18px}
.distr a.hideBtn {height: 22px;background-position: -20px 0;position: absolute;top: 0;right: 0;z-index: 2;}
.distr .distrArea{ display:none;position:absolute;top:21px;background:#fff; padding:10px 0 13px 15px;width:205px;right:0;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;z-index:2; overflow:hidden;}
.distr:hover .distrArea{ display:block;}
.vote-box-list{float:left}
#appVote .vote-action{margin-top:30px;width:60px}
.vote-box-list li .vote-item-wrap{padding:3px 0}
.vote-box-list li .vote-item-wrap .xx{width:40px}
.vote-box-list li.over{background-color:#FFE57F}
.vote-box-list li h4{font-size:1em;font-weight:400;overflow:hidden;text-align:right;width:260px;word-wrap:break-word}
.vote-box-list li .litem{background:none repeat scroll 0 0 #EFEFEF;border:1px solid #E2E2E2;height:14px;width:100px;font-size:10px}
.vote-box-list li .vote-item-wrap .data{z-index:1000;background-color:transparent;margin:-2px 0 0 13px}
.vote-box-list li div,.vote-box-list li h4{float:left;margin:0;padding:0}
.vote-box-list li div input{float:left;margin:2px 4px 0 0}
.vote-box-list li em,.vote-box-list li span{float:left;height:15px;overflow:hidden}
.vote-box-list li .vleft,.vote-box-list li .right{width:2px;}
a.write{display:block;background:url(#) no-repeat;width:115px;height:25px;text-indent:-9999px;}
/*pro-banner*/
.pro-banner{background:url(#) repeat-x center bottom;width:100%;height:402px;font-size:15px;}
.pro-banner h1{text-align:center;font-size:30px;line-height:20px; color:#194356; padding:25px 0;}
.pro-banner2{background:url(#) repeat-x;width:100%;height:102px;}
.pro-banner2 h1{text-align:center;font-size:30px;line-height:20px; color:#194356; padding:25px 0;}
.pro-nav-bar {font-size:14px;height:28px;}
.pro_nav_bg{background:url(#) no-repeat 0 bottom;}
.pro-nav-bar .pro-nav{margin-left:-285px; padding-left:50%;overflow:hidden;float:left;height:27px;}
.pro-nav-bar .pro-nav li{float:left;width:90px;height:27px;text-align:center;}
.pro-nav-bar .pro-nav li.curr{background:url(#) no-repeat;}
.pro-nav-bar .pro-nav li.curr a{font-weight:bold;color:#fff;}
.pro-nav-bar .pro-nav li a{display:inline-block;line-height:22px;color:#333;}
.pro-pic{float:left;width:180px;text-align:center;padding:50px 0 0 0;}
.pro-pic img {max-width:100%;}
.pro-text{float:left;width:470px;padding:30px 0 0 30px;}
.pro-text h2{font-size:20px; padding-bottom:10px;}
.pro-text .dd{padding:0px 0 0 0;}
.pro-text ul{padding:10px 0;}
.pro-text li{background:url(#) no-repeat 0 8px;line-height:18px;padding:4px 0 4px 25px;}
.pro-pur{float:right;background:url(#) no-repeat 0 15px;width:250px;height:244px;padding:45px 0 0 40px;}
.pro-pur strong{display:block;font-size:16px;padding:0 0 10px 0;}
.pro-pur .sle{padding:3px 0;}
.pro-pur .btnbox{background:url(#) no-repeat 205px 8px;margin:15px 0 0 0;}
.pro-pur .btnbox .freeBtn,
.pro-pur .btnbox .freeBtn2{display:block;background:url(#) no-repeat;width:134px;height:50px;padding:7px 0 0 63px;text-decoration:none; font-size:20px; color:#fff; font-weight:bold;}
.pro-pur .btnbox .freeBtn .dd,
.pro-pur .btnbox .freeBtn2 .dd{display:block;color:#fff;padding:2px 0 0 0; font-size:12px; font-weight:normal;}
.pro-pur .btnbox .freeBtn2{background-position:0 -114px;}
.pro-pur .btnbox .buyBtn,
.pro-pur .btnbox .buyBtn2{display:block;background:url(#) no-repeat 0 -57px;width:197px;height:57px;text-decoration:none;}
.pro-pur .btnbox .buyBtn .dd,
.pro-pur .btnbox .buyBtn2 .dd{display:block;color:#fff;padding:28px 0 0 63px; font-size:12px; font-weight:normal;}
.pro-pur .btnbox .buyBtn2{background-position:0 -171px;}

.pro-pur .btnbox .freeBtn-ipad,.pro-pur .btnbox .freeBtn2-ipad{ display:block;background:url(#) no-repeat 0 -41px; height:37px; width:178px; padding:20px 0 0 20px;}
.pro-pur .btnbox .ipad-btn input[type='text'] { width:120px; height:22px; line-height:22px; font-size:11px;}
.pro-pur .btnbox .ipad-btn .send{ height:24px; line-height:20px; font-size:13px; width:42px; text-align:center;}
.pro-pur .btnbox .freeBtn2-ipad{ background-position:0 -99px;}

.pro-infoTop {padding:30px 0 0 0;font-size:15px;}
.pro-infoTop .info {float:left; width:400px;}
.pro-info {padding:10px 0; font-size:15px;}
.pro-info .imgfl {float:left;}
.pro-info .imgfr {float:right;}
.pro-info .imgfl img,.pro-info .imgfr img {max-width:100%;}
.pro-info .infofl {padding-right:400px;}
.pro-info .infofr {padding-left:400px;}
.more_feture{font-size:15px;}
/*review*/
.review{background:#ecf1f5; font-size:15px;}
.review .wrap{padding:18px 0;height:66px;}
.review .img {float:left;}
.review span {padding:5px 0 0 200px; display:block;}

/*p_main*/
#p_main{width:1000px;margin:0 auto;position:relative;}
#p_main .user_guide_bg{display:block;font-weight:bold; font-size:20px;color:#516169; padding:5px 0;}

/*leftbox*/
.leftBox{float:left;width:732px;padding:30px 0 0 0;}

.content p{line-height:1.8em;}
.content h3{display:block;font-size:20px;line-height:30px;padding:0 0 15px 0;}
.content .bt{display:block;font-size:18px;line-height:30px;padding:0 0 10px 0;}

.content .tab{color:#777; font-size:12px;}
.content .tab .con{border:1px solid #dedede;overflow:hidden;background:#efefef;padding:8px;}
.content .tab .nav{ margin:-2px 0 0 90px; position:relative;}
.content .tab .nav li{ border:1px solid #ebebeb; float:left; width:100px; padding:7px 0; text-align:center; color:#555; font-size:13px; cursor:pointer;}
.content .tab .nav li.curr{border-top:1px solid #eee;background:#eee;cursor:pointer; box-shadow:0 2px 3px #dbdbdb;}
.content .tab-w390{width:390px;}
.content .tab-w530{width:530px;}

.content .video-box{background:#f4f4f4;width:360px;height:80px;padding:10px;margin:20px 0 0 0;}
.content .video-box .txt{padding:15px 0 0 150px;}

.table1{background:#fff;}
.table1 th,.table1 td{padding:8px;border:1px solid #ececec;font-size:11px;}
.table1 th{font-size:12px;color:#333;font-weight:bold;}

.table2{background:#fff;}
.table2 th,.table2 td{padding:8px;border:1px solid #ececec;font-size:12px;}
.table2 td .btn{ padding-left:27px;}
.table2 th{background:url(#) repeat-x;font-size:16px;color:#333;font-weight:bold; text-align:left;}

.fealist{width:350px;padding:15px 0;}
.fealist .text{float:right;width:285px;}
.fealist .text strong{display:block;font-size:14px;padding:0 0 5px 0;}

.fealist2{float:left;width:306px; height:95px;padding:15px 0;}
.fealist2 .text{ padding-left:55px;}
.fealist2 .text strong{display:block;font-size:14px;padding:0 0 5px 0;}

.piclist{float:left;width:215px;}
.piclist h4{font-size:14px;padding:10px 0 5px 0;}
.piclist .dd{font-size:12px;}

.step-box{height:32px;}
.step-box .wd200{float:left;width:200px;}
.step-box .wd230{float:left;width:230px;}
.step-box .wd300{float:left;width:300px;}
.step-box .num{display:block;float:left;background:url(#) no-repeat;width:32px;height:32px;color:#fff;font-size:20px;font-style:italic;font-weight:bold;text-align:center;line-height:32px;}
.step-box .txt{display:block;float:left;font-style:italic;font-weight:bold;padding:0 0 0 10px;line-height:32px;}

.rev-top{background:url(#) no-repeat;height:53px;}
.rev-top h1{font-size:22px;line-height:48px;padding:0 0 0 20px;font-weight:normal;}
.rev-top .btn{float:right;width:115px;padding:13px 20px 0 0;}

/*bottom-pro*/
.bottom-pro{background:url(#) no-repeat;margin:30px 0 0 0;padding:30px 0 50px 0;}
.bottom-pro h3{display:block;font-size:20px;line-height:30px;padding:0 0 20px 0;}
.bottom-pro .item{float:left;width:306px; min-height:180px;}
.bottom-pro .item .pic{float:left;width:85px;}
.bottom-pro .item .pic .price{text-align:center;color:#F60;padding:5px 0 0 0;}
.bottom-pro .item .text{float:right;width:200px;}
.bottom-pro .item .text h4 a{font-size:14px;color:#555;}
.bottom-pro .item .text h4 span{display:block;font-size:12px;font-weight:normal;}
.bottom-pro .item .text .dd{font-size:12px;padding:10px 0;}

.comment{ float:right; width:450px; height:200px; background:#f4f4f4; padding:20px 55px 20px 20px; position:relative;}
.comment .flex-prev,.comment .flex-next{display:block;position:absolute;background:url(#) no-repeat 0 0; no-repeat;width:22px;height:22px;text-indent:-9999px; overflow:hidden; z-index:10;right:12px}
.comment .flex-prev{top:20px;}
.comment .flex-next{background-position:0 -22px;bottom:20px;}
.comment li.item{ background:#f4f4f4; display:none;}
.comment .itemList { overflow:hidden; padding:10px 0;}
.comment p{overflow:hidden; margin-bottom:0; line-height:1.4em;}
.comment .btm-name,.comment .rating {float:right;}

/*bottom-list*/
.bottom-list{background:url(#) no-repeat 0 40px;width:990px;height:319px;padding:40px 0 25px 0;}
.bottom-list h3{height:41px;font-size:16px;font-weight:bold;line-height:41px;padding:0 0 0 20px;}
.bottom-list .wd214{float:left;width:214px;}
.bottom-list .wd278{float:left;width:278px;}
.bottom-list .wd255{float:left;width:255px;}
.bottom-list .wd243{float:left;width:243px;}
.bottom-list .pic{text-align:center;padding:15px 0;}
.bottom-list .list{padding:15px;}
.bottom-list .list li{background:url(#) no-repeat 0 11px;line-height:24px;padding:0 0 0 10px; list-style:none;  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.bottom-list .list li a{color:#555;}
.bottom-list .socialBox {padding:15px;}

/*reviewsItem*/
.reviewsItem{padding:15px;background:#f5f5f5;margin-top:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow:hidden;}
.reviewsItem strong.title{font-size:14px;color:#333;display:block;line-height:20px;}
.reviewsItem span.info{display:block;color:#777;padding:5px 0 0 0;}
.reviewsItem .rating{float:right;margin-top:0;}
.reviewsItem p.con{margin:8px 0;}
.reviewsItem .ud{float:left;width:100px;overflow:hidden;line-height:22px;}
.reviewsItem .ud a{display:block;float:left;background:url(#) no-repeat;width:22px;height:22px;margin:0 5px 10px}
.reviewsItem .ud .down{background-position:0 -22px;}
.reviewsItem .reply{border-top:1px solid #D8DFEA; padding-bottom:8px;}
.reviewsItem .share{float:right;width:335px;padding:5px 0 0 0;}
.reviewsItem .share a.facebook,
.reviewsItem .share a.twitter{display:block;background:url(#) no-repeat;line-height:16px;padding:0 0 0 20px;width:110px;font-size:11px;color:#333;}
.reviewsItem .share a.twitter{background-position:0 -16px;}
.reviewsItem .btm{clear:both;background:#fff url(#) no-repeat 600px 0;position:relative;margin:0 -15px -15px;height:16px;}

/*topBanner*/
.topBanner{background:#4dbef2;width:100%;text-align:center;}
.topBanner img {max-width:100%;}

/*proList*/
.proTitle{font-size:20px;line-height:30px;padding:0 0 0 45px;}
.proTitle.icon1{background:url(#) no-repeat;}
.proTitle.icon2{background:url(#) no-repeat;}
.proTitle.icon3{background:url(#) no-repeat;}
.proTitle.icon4{background:url(#) no-repeat;}
.pro-dd{font-size:16px;padding:15px 0 0 0;}
.proItem .span {padding:20px 0;}
.proItem .img {float:left;}
.proItem .text{padding:0 0 0 130px;}
.proItem .text h3 a{font-size:14px;color:#555;}
.proItem .text h3 span{display:block;font-size:12px;font-weight:normal;}
.proItem .text .dd{font-size:12px;padding:10px 0;}
.proItem .btn a {float:left;}

.proBtm{padding:40px 0 0 0;}
.proBtm .title{background:url(#) no-repeat;height:41px;font-size:16px;font-weight:bold;line-height:41px;padding:0 0 0 20px;}
.proBtm .btmbg{background:url(#) no-repeat;height:10px;font-size:0;}
.proBtm .nrbox{background:#fff url(#) repeat-x 0 bottom;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:20px 0 10px 0;}
.proBtm .item{float:left;width:213px;padding:0 15px;}
.proBtm .item .text{padding:0 0 0 65px;}
.proBtm .item .text strong{display:block;font-size:14px;padding:0 0 10px 0;}

/*proBottom*/
.tabBox{ border:1px solid #dcdee0; background:#fff; overflow:hidden; margin:30px 0}
.tabBox .nav { float:left; width:25%;}
.tabBox .nav li{ background:#0A98F4; padding:35px 0; text-align:center; cursor:pointer; color:#fff; font-size:14px; border-bottom:2px solid #e5eaee;}
.tabBox .nav li.curr{ background:#fff; color:#555;}
.tabBox .con{ padding:25px 3% 25px 3% ; overflow:hidden; font-size:12px;}
.tabBox .con .title{ display:block; margin-bottom:10px; font-size:14px;  color:#666} 
.tabBox .con .main .img{ float:left; width:27.2%; margin-bottom:12px;}
.tabBox .con .main .img img{ max-width:100%;}
.tabBox .con .main .text{ padding-left:30%; margin-bottom:12px;}
.tabBox .con .main .dot.blue{ overflow:hidden}
.tabBox .con .main .dot.blue li{ float:left; width:40%; margin-right:2%;}
.tabBox .con .main .dot.blue li a{ color:#139ffb} 


/*==cont===================*/
.cont{padding:15px 0}
.cont .pointer{cursor:pointer}
.cont h2{font-size:16px;padding:10px 0;font-weight:bold;clear:both}
.cont h2 a{font-weight:bold}
.cont h3{font-size:14px;font-weight:bold;line-height:18px;margin:5px 0}
.cont h3 a{color:#004986;font-size:14px;font-weight:bold}
.cont h3 span{display:block;float:left;margin-right:5px;padding-right:4px;width:18px;height:18px;background:url(https://effectmatrix.com/mac-video/images/step_bg.gif) left top no-repeat;font:bolder 12px/140% arial;color:#FFF;text-align:center}
.cont h4{font-size:12px;font-weight:bold;line-height:20px}
.cont h5 a{background:url(#) no-repeat;background-position:0 5px;font-size:16px;font-weight:bold;line-height:24px;padding-left:10px}
.cont h5 span{font-weight:normal}
.cont h6{font-size:12px; font-weight:normal;}
.cont h6 a{font-size:14px; font-weight:normal;margin:24px;line-height:25px}
.cont p{padding-bottom:10px;line-height:18px}
.cont img {max-width:100%;}
#content .cont .tips{color:#333;background:none repeat scroll 0 0 #F6F6F6;border:1px solid #ddd;padding:12px 15px;-webkit-border-radius:4px;-moz-border-radius:4px;margin:10px 0 20px}
.cont .l_pic{float:left;margin-right:25px}
.cont .r_pic{float:right;margin-left:25px}
.cont .list1{padding:0 0 10px}
.cont .list1 li{background:url(#) no-repeat 10px 8px;padding-left:20px;line-height:18px}
.cont .list2 dd{height:23px;width:340px;float:left}
.cont .list2 dd a{background:url(#) no-repeat;padding-left:25px;height:23px;display:block;line-height:18px}
.cont .list2 .num1 a{background-position:0 0}
.cont .list2 .num2 a{background-position:0 -28px}
.cont .list2 .num3 a{background-position:0 -56px}
.cont .list2 .num4 a{background-position:0 -84px}
.cont .list2 .num5 a{background-position:0 -112px}
.cont .list2 .num6 a{background-position:0 -140px}
.cont .list3 li{list-style-type:decimal;margin-left:30px;line-height:18px}
.cont .search{height:30px}
.cont .search .text{width:200px;font-size:12px;padding:3px 5px;color:#bbcad7}
.cont ol{list-style:decimal;margin:0 0 15px 15px}
.line{background:url(#) no-repeat left center;height:30px;clear:both}
.cont .select{padding:0 15px 20px}
.cont .select li{width:320px;display:block;float:left;padding:3px 0}
.cont .guideNav{padding:10px 0 10px 10px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#efefef',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #efefef 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#efefef)); border:1px solid #e2e2e2; border-radius:10px; overflow:hidden; box-shadow:0 2px 3px #e2e2e2; margin-bottom:20px;}
.cont .guideNav p{ padding:3px 0;}
/*==tech鐨勬牱寮�===================*/
#content dd {
    line-height: 2em;
}
#content .box {
    background: none repeat scroll 0 0 #EDF7FF;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 10px;
}
#content .box a {
    color: #004986;
    display: block;
    float: left;
    width: 310px;
}
#content .box p {
    margin: 0;
}
#content h1 {
    font-size: 22px;
    margin-bottom: 15px;
}
#content h2 {
    font-size: 20px;
}
#content h3.feture_title_1 {
    background: url(#) no-repeat scroll 5px 5px transparent;
    font-size: 20px;
    font-weight: bold;
    padding: 0 0 10px 15px;
}
#content .pick {
    margin: 10px 0 0;
    overflow: hidden;
    padding: 10px 0;
}
#content .pick .item {
    float: left;
    margin-right: 25px;
    position: relative;
}
#content .pick .item .fdq {
    bottom: -5px;
    display: block;
    height: 32px;
    position: absolute;
    right: -10px;
    width: 32px;
    z-index: 2;
}
.table5 td, .table5 th {
    border: 1px solid #DCDBDB;
    padding: 10px;
}
.table5 thead td {
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#DFE5EC',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #DFE5EC 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#DFE5EC));
    font-size: 16px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
}
.table4 {
    border: 1px solid #DADADA;
}
.table4 th {
    background-color: #EEEEEE;
    border-left: 1px solid #DADADA;
    border-top: 1px solid #DADADA;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.table4 th a {
    color: #434343;
    font-size: 14px;
    font-weight: bold;
}
.table4 a.buy1 {
    background: url(#) no-repeat scroll 0 top transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    line-height: 28px;
    margin-left: 20px;
    padding-left: 10px;
    text-decoration: none;
    width: 109px;
}
.table4 a.buy1:hover {background-position: 0 -28px;text-decoration: none;}
.table4 td {border-left: 1px solid #DADADA;border-top: 1px solid #DADADA;font-size: 12px;padding: 10px;}
.table4 td a {color: #434343;}
.table4 a.free1 {color: #FFFFFF;}
.feture_title strong {background: url(#) no-repeat scroll 5px 5px transparent;display: block;font-size: 16px;padding: 0 0 0 15px;}
.feture_title {background: url(#) no-repeat scroll left bottom transparent;display: block;font-size: 16px;font-weight: bold;padding: 10px 0;}
.rollTop {background: url(#) repeat-x scroll 0 100% transparent;left: 0;padding-bottom: 7px;position: fixed;top: 0;width: 100%;z-index: 31;}
.rollTop .wrap {overflow: visible;}
.rollTop .nav {float: left;overflow: hidden;}
.rollTop .nav li {border-left: 1px solid #DCDCDC;float: left;}
.rollTop .nav li a {border-left: 1px solid #FBFBFB;color: #555555;display: inline-block;font-size: 16px;height: 55px;line-height: 55px;padding: 0 12px;}
.rollTop .nav li.last {border-right: 1px solid #FBFBFB;}
.rollTop .nav li.last a {border-right: 1px solid #DCDCDC;}
.rollTop .nav li a:hover {text-decoration: none;}
.rollTop .btn {float:right;}

@media (max-width: 979px) {
	#p_main {width:auto; padding:0 10px;}
	.pro-text {width:400px;}
}
@media (max-width: 960px) {
	.leftBox {float:none; width:auto;}
	.sidebar {float:none;}
	.sidebar .nav1 {width: auto; display:none;}
	.pro-banner {height:auto;background-image: -moz-linear-gradient(top, #ffffff, #b6d3e7); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #b6d3e7)); /* Saf4+, Chrome */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#b6d3e7', GradientType='0'); /* IE*/}
	.pro-banner2 {height:auto;}
	.pro-nav-bar {height:auto;}
	.review .wrap {width:auto;}
	.pro-pic {width:150px;}
	.pro-text {width:300px;}
	.pro-pur {background:none; padding-left:0;}
	.pro-infoTop .info {width:46%;}
	.content .video-box {width:auto;}
	.comment {width:42%;}
	.pro-info .imgfl,.pro-info .imgfr {width:45%;}
	.pro-info .infofl {padding-right:46%;}
	.pro-info .infofr {padding-left:46%;}
	.bottom-list {width:auto; height:auto; padding:10px 0; margin:20px 0; overflow:hidden; border-radius:10px; border:solid 1px #e2e2e2;background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f4f4f4)); /* Saf4+, Chrome */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType='0'); /* IE*/}
	.bottom-list .list,.bottom-list .socialBox {padding:0 20px;}
	.bottom-list .wd214,.bottom-list .wd278,.bottom-list .wd255 { height:310px;}
	.bottom-list .pic {text-align:left; padding:0 20px;}
	.bottom-list .item {width:49%;}
	.rev-top { height:50px; border-radius:10px; border:solid 1px #e2e2e2;background-image: -moz-linear-gradient(top, #ffffff, #f4f4f4); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f4f4f4)); /* Saf4+, Chrome */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType='0'); /* IE*/}
	.rev-top h1 {padding-left:10px;}
	.rev-top .btn {padding:15px 10px 0 0;}
}
@media (max-width: 767px) {
	.proItem .span {min-height:310px;}
	.pro-banner h1,.pro-banner2 h1 {font-size:20px; padding:25px 0 15px 0;}
	.pro-banner2 {background-position:center -13px;}
	.pro_nav_bg {background-position:center 28px;}
	.pro-nav-bar .pro-nav { float:none; margin-left:-225px;}
	.pro-nav-bar .ratingArea {width:120px; margin:10px auto 0 auto;}
	.pro-text {float:none; width:auto; padding-left:160px;}
	.pro-pur {float:none; margin:0 auto;}
	.rollTop {background-image: -moz-linear-gradient(top, #ffffff, #ececec); /* Firefox */background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #ececec)); /* Saf4+, Chrome */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec', GradientType='0'); /* IE*/box-shadow:0 3px 3px #333; padding-bottom:0;text-align:center;}
	.rollTop .nav {display:none;}
 	.pro-infoTop .info {float:none; width:auto;}
	.comment {float:none; width:auto; margin-top:20px;}
	.pro-info .imgfl,.pro-info .imgfr {float:none; width:auto; text-align:center;}
	.pro-info .infofl,.pro-info .infofr {padding:0;}
	.rev-top h1 {font-size:18px;}
	.tabBox .nav { float:none; width:auto; overflow:hidden;}
	.tabBox .nav li{width:32%; padding:0; height:60px; border-left:1px solid #fff;display: table-cell; vertical-align: middle;}
}
@media (min-width: 479px) and (max-width: 767px) {
	.pro-pur {float:none; margin:0 auto; width:90%; height:auto; padding:20px 0; overflow:hidden;}
	.pro-pur .selectS {float:left;}
	.pro-pur .btnbox {float:right; margin-top:0;}
	.pro-pur .btnbox a {float:left;}
}
@media (max-width: 479px) {
	.pro-banner2 {background-position:center -40px;}
	.proItem .span {min-height:inherit; border-bottom:solid 1px #eee;}
	.pro_nav_bg {background:none; border-top:solid 1px #c0d1db;}
	.pro-nav-bar {height:auto;}
	.pro-nav-bar .pro-nav {float:none; margin-left:0; padding-left:0; height:auto; overflow:inherit; text-align:center; margin-top:10px;}
	.pro-nav-bar .pro-nav li {display:inline-block; float:none;}
	.pro-nav-bar .pro-nav li.curr {background:#139ffb;border-radius:10px;}
	.pro-pic {display:none;}
	.pro-text {float:none; width:auto; padding:20px 4%;}
	.pro-pur {padding-top:0;height:auto;}
	.review .wrap {height:auto; text-align:center;}
	.review .img {float:none;}
	.review span {padding:10px 10px 0 10px; display:block;}
	.bottom-list .item {width:auto; height:auto; padding-bottom:20px;}
	.rev-top h1 {font-size:16px;}
	.tabBox .con .main{ float:none; width:auto}
	.tabBox .con .most{ float:none; border-left:none; padding-left:0; width:auto}
}
/*mobile buy nav*/
.btm-nav{position:fixed; bottom:0; left:0; width:100%; z-index:500; padding:10px 0; background:#4897ee;}
.btm-nav .btn-close {position:absolute; z-index:200; top:-25px; left:50%; margin-left:-28px; width:56px; height:25px; background:url(#) no-repeat 17px -153px; border-radius:80px 80px 0 0; cursor:pointer; background-color:#4897ee !important;}
.btm-nav .btn-close2 {background-position:17px -120px;}
.btm-nav .container{ text-align:center;}
.btm-nav .buyBtn-t{ width:auto; padding:5px 0 5px 10px;}
.btm-nav .buyBtn-t span {display:inline-block; padding:0 10px; margin-left:10px; border-left:solid 1px #d0602a;}
.btm-nav .buyBtn-t span del {font-size:12px; font-weight:normal;}