﻿.banner{height: 284px;background-image: url(images/cami_banner.jpg);}
.tabs{margin-top: 20px;}
.tabs li{cursor: pointer;width: 600px;text-align: center;height: 76px;line-height: 76px;font-size: 24px;background:#1e1e1e; border-top:4px solid #1e1e1e;}
.tabs li.selected{background:#fff;color: #333;font-size:36px;}
.tabs li a{display: inline-block; color:#999;width:100%;}
.tabs li.selected a{color:#333;}

.download_content{color: #333333;}
.downloadpage{padding:52px 0 40px; margin-top: 20px;background: #fff;}
.downloadpage .download_img{width: 250px;height: 500px;display: block;margin-right: 64px;}
.downloadpage .download_info{width: 620px;color: #333;padding-top: 50px;}
.downloadpage .download_info .download_title{font-size: 36px;padding-bottom: 20px;color:#000;}
.downloadpage .download_info .download_subtitle{font-size: 18px;line-height: 36px;}
.app_qrcode{display: -webkit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;align-items:center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;margin-right:40px; margin-top: 40px;}
.app_qrcode img{ width:120px; height:120px; display:block; }
.app_qrcode p.note{font-size:12px;line-height:22px;padding:0;color:#e9204f;text-align: center;}
.app_info{margin-top:40px;}

.download_btn{margin-top: 20px;cursor: pointer;box-shadow: 5px 5px 5px rgba(0,0,0,0.15);height:48px;width:160px;color:#fff;font-size: 14px;align-items: center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;background: #1e1e1e;border-radius:25px;-webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ;display:block;text-align:center;line-height:48px;}
.download_btn:hover{background: rgba(0,0,0,.7);color:#fff;}
.more_link{font-size: 14px;width: 160px;text-align: center;display: inline-block;margin-top: 15px;}
.more_link:hover{color: #f9b900;text-decoration: underline;}

.app_cam{width: 100%;min-width: 1000px;padding-bottom: 60px;margin-top: 20px;background: #fff;}
.mainpage1 {width: 1080px;margin: 0 auto;}
.app_cam .cam_title{color:#000;font-size: 22px;display: inline-block; margin-top: 50px;line-height:22px;}
.app_cam .cam_title span{display:inline; margin-left:10px; font-size:12px;}
.cam_item{border: 1px solid #525153; width:978px; padding: 44px 50px;border-bottom:none;}
.cam_item_last{border-bottom:1px solid #525153;margin-bottom: 25px;}
.cam_item .leftarea{width: 146px; border-right:1px solid #525153;padding-right: 50px;margin-right: 50px; text-align: center;}
.cam_item .leftarea img{display: block; margin: 0 auto;}
.cam_item .rightarea{width: 730px;}
.cam_item .rightarea span{margin: 0 12px;font-size: 18px; white-space: nowrap;line-height: 36px;}
.app_title{ width: 1080px;background:#636363;color: #fff;font-size: 24px;height: 72px;text-align: center;line-height: 72px;margin-top: 25px;}
.app_title .left{width: 246px;}
.app_title .right{width: 834px;}

.phone_item{border: 1px solid #525153; width: 978px; padding:50px;border-bottom: none;}
.phone_item_last{border-bottom: 1px solid #525153;margin-bottom: 25px;}
.phone_item .leftarea{width: 146px; border-right:1px solid #525153;padding-right: 50px;margin-right:50px; text-align: center;}
.phone_item .leftarea img{display: block; margin: 0 auto;}
.phone_item .rightarea{width: 730px;}
.phone_item .rightarea span{margin: 0 12px;font-size: 18px; white-space: nowrap;line-height: 60px;}

.info{margin-top: 24px;font-size: 16px;line-height: 30px;}

.data_comingsoon{background: url(images/data_comingsoon.png) center no-repeat;width: 100%;height: 600px;background-size: 388px;}

.fixed_promote{visibility:hidden;}

.left_area1, .right_area1{width: 50%;flex-shrink: 0; text-align: center;}
.left_area1{border-right: 1px solid #eee; }
.left_area1 img, .right_area1 img{width: 90px;height: 90px;}
.app_title1{font-size: 32px;margin: 30px 0 20px;}
.left_area1 p, .right_area1 p{padding: 30px 100px;}
.app_area{padding: 20px 0 30px;}
.app_area img{display: inline-block;}

.download_btn1{cursor: pointer;box-shadow: 5px 5px 5px rgba(0,0,0,0.15);height:40px;width:160px;color:#fff;font-size: 14px;align-items: center;-webkit-align-items:center;box-align:center;-moz-box-align:center;-webkit-box-align:center;background: #1e1e1e;border-radius:25px;-webkit-border-radius:25px ; -moz-border-radius:25px ; -ms-border-radius:25px ; -o-border-radius:25px ;display:block;text-align:center;line-height:40px;margin: 10px auto 0;}
.download_btn1:hover{color:#fff;opacity: .9;}

.usermenu{padding-top: 10px;display: block;}

.reminder{padding:20px;border:1px solid #e2e2e2; margin:0 40px 40px;font-size:16px;line-height:32px;}
.reminder b{ font-weight:bold;}
.reminder font{color:red;font-size:16px;}

.phone_type{margin-top: 40px;}
.phone_type>div{border-right: 1px solid #e2e2e2;width: 246px;text-align: center;}
.phone_type>div:last-child{border-right:none;}
.phone_type>div img{margin: 0 auto;}


/* 背景颜色 */
.plxui_bg_orange{background-color: #ffc237;}
.plxui_bg_green{background-color: #009688;}
.plxui_bg_black{background-color: #191919;}
.plxui_bg_purple{background-color: #5862e8;}
.plxui_bg_grey{background-color: #c2c2c2;}
.plxui_bg_blue{background-color: #009cff;}
