@charset "utf-8";
/* CSS Document */

/*@font-face {
    font-family: 'FZLTXH';
    src: url('_.woff2') format('woff2'),
         url('_.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
*{margin:0;padding:0;-moz-user-select:none;-ms-user-select:none;}
html{width:100%;height:100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body{width:100%;height:100%;font-size:14px;color:#262626;font-family:'微软雅黑';}

img{border:0;}
a{color:#444;text-decoration:none;outline:0;}
a:hover, a.hlink{color:#3ab487;}
input{border:1px solid #CACACA; box-sizing:border-box;font-size:14px;outline: 0;border-radius:3px;text-indent:14px;behavior:url(css/PIE.php);z-index:1;position: relative;}
input:focus{outline: 0;border:1px solid #3AB487;}
input[type="radio"] {border:none;};
select:focus{outline:0;border:1px solid #3AB487;}
textarea{box-sizing:border-box;resize:none;border:1px solid #CACACA;font-family:"微软雅黑";font-size:14px;color:#191919;}
textarea:focus{border-color:#3AB487;outline:0;}
.index-title{font-family:'fffzzz' !important;font-smooth:always;-webkit-font-smoothing:antialiased;}
.hbtn{color:#FFF;background:#3AB487;}
.clearfix:before, .clearfix:after{
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.align_r{text-align:right;}

/* index */
.container{/* max-width:1400px; */ background:#f8f9fb;position:relative;margin:0 auto;min-height:800px;}
.user_bg .container{background:none;}
.inner{width:1002px;position:relative;margin:0 auto;}
#nav{height:40px; padding:30px 0 0;border-bottom:1px solid #DFDFDF;background:#FFF;}
#nav .logo{float:left;margin-top:-12px;width:139px;}
#nav .inner{min-height:10px;}
.nav li{list-style:none;display:inline;height:40px;line-height:28px;}
.nav li.split:before{content:"|";color:#cacaca;}
.nav li.user{position:relative;display:inline-block;}
.nav li.user a{padding-right:20px;}

.nav li a{display:inline-block;padding:0 22px;height:28px;text-align:center;}

.navbar-footer li a{color:#8E8E8E;}
.navbar-footer li a:hover{color:#3AB487;}

.nav li.button a{color:#3AB487;border:1px solid #3AB487;border-radius:2px;padding:0 16px;behavior:url(css/PIE.php);z-index:1;position: relative;}
.nav li.button a:hover{color:#FFF;background-color:#3AB487;}
.navbar-right{float:right;}

.content{background:#fafafa;min-height:600px;padding-bottom:177px!important;}
.index{height:690px;background:url(../img/index.png) center 0 no-repeat;}
.index .focus dt{font-size:42px;color:#3c3c3c;line-height:100px;font-weight:100;margin-top:100px;display:inline-block;}
.index .focus dd{font-size:17px;color:#8E8E8E;line-height:29px;width:682px;}
.index .focus dd ul{padding:10px 0 0 22px;font-size:14px;line-height:26px;}
.index .focus a.apply{width:250px;height:64px;line-height:64px;text-align:center;background-color:#3AB487;color:#FFF;display:block;font-size:20px;margin-top:50px;}

#footer{padding-top:16px;border-top:1px solid #DFDFDF;background:#FFF;position:absolute;bottom:0;width:100%;z-index:99;}
#footer .logo{float:left;}
#footer .nav{padding-top:16px;margin-right:-22px;}
#footer .inner{min-height:160px;}

.copyright{clear:both;font-size:12px;color:#CCC;text-align:right;padding-top:20px;line-height:22px;}

/* register & login & reset */
.user_bg{background:#F2F2F2 url(../images/login-bg-800x532.jpg) no-repeat center;background-size:cover}
.userbox{width:310px;padding:0 38px 20px;background:#FFF;position:relative;margin:112px auto 0;}
.boxshadow{border:1px solid #EEE;border-top:0px;border-radius:3px;box-shadow:1px 2px 3px #BDBDBD;behavior:url(css/PIE.php);z-index:1;position: relative;}
.userbox dt{font-size:24px;text-align:center;padding:30px 0 22px;}
.userbox dd{position:relative;padding:10px 0;}
/*.userbox_login dd{padding:10px 0;}*/
.userbox .captcha{width:160px;height:44px;}
.userbox .check{width:140px;height:44px;float:right;text-indent:0;line-height:35px;cursor:pointer;}
.userbox input,.userbox button{border:1px solid #CACACA;border-radius:3px;width:310px;height:33px;line-height:44px;behavior:url(css/PIE.php);z-index:1;position: relative;}
.userbox input.text{padding-right:56px;}
.userbox input:focus{border-color:#3AB487;}
.send-code{font-family: '微软雅黑';}
.userbox .register, .userbox .login{font-size:20px;height:54px;border:none;cursor:pointer;font-family: '微软雅黑';}
.userbox .tip{font-size:12px;color:#8E8E8E;letter-spacing:-.2px;}
.sep_column span{width:50%;display:inline-block;}
.back{width:386px;margin:20px auto 0;text-align:center;font-size:12px;}

.input_success input{border-color:#3AB487 !important;background:url(../img/success.png) right center no-repeat;}
.input_error input, .input_error input:focus{border-color:#E36359 !important;}
.input_error small{position:absolute;right:15px;top:5px;height:44px;line-height:44px;color:#E36359;font-size:14px;}

.userbox_confirm{width:626px;text-align:center;padding:20px 0 50px;}


/* product manage - add */
.newfunc{margin:10px 0 0 80px;background:#FFF;border:1px solid #CECECE;border-radius:3px;position:relative;width:710px;behavior:url(css/PIE.php);z-index:1;}
.newfunc .arrow_top{background:#FFF;width:10px;height:10px;box-sizing:border-box;border:1px solid #D7D7D7;border-width:1px 0 0 1px;transform:rotate(45deg);position:absolute;top:-6px;left:38px;}
.addnew{float:none !important;margin:0 auto;}
.addnew a.hlink{margin-left:30px;}
.pannel_detail.addnew .product_info{padding:30px 0 30px 35px;}

.addnew li{list-style:none;padding:8px 0;}
.addnew input{line-height:35px;}
.addnew select{height:34px;width:170px;margin-left:-4px;line-height:34px;}
.addnew input.long{width:310px;}

.addnew .confirm{padding-left:115px;}
.addnew .confirm a{display:inline-block;width:144px;height:44px;line-height:44px;text-align:center;color:#FFF;background:#3AB487;margin-right:20px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position: relative;}
.addnew .confirm a.no{background:#8e8e8e;}

.addnew div.addfunc a.btn{margin-top:5px;height:30px;line-height:30px;width:88px;background:#3AB487;color:#FFF;display:inline-block;text-align:center;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;}
.addnew div label{text-align:right;padding-right:10px;}
#newfunc label{padding-right:10px;}
#newfunc tr{padding:0 10px;display:block;}
#newfunc td{padding:10px 5px;min-width:70px;}
#newfunc .deletefunc{width:20px;height:20px;display:block;background:url(../img/del.png) 0 0 no-repeat;margin:0 15px 0 25px;}
#newfunc input[type="text"]{height:34px;behavior:url(css/PIE.php);border-radius:3px;z-index:1;position:relative;}
#newfunc .deletefunc:hover{background-position:-20px 0;}
/* download */

.pannel_menu li.rom a{background-position:0 -324px;}
.pannel_menu li.sdk a{background-position:0 -359px;}
.pannel_menu li.doc a{background-position:0 -216px;}
.pannel_menu li.demo a{background-position:0 -252px;}
.pannel_menu li.rom.on a{background-position:-170px -324px;color:#3ab487;}
.pannel_menu li.sdk.on a{background-position:-170px -359px;color:#3ab487;}
.pannel_menu li.doc.on a{background-position:-170px -216px;color:#3ab487;}
.pannel_menu li.demo.on a{background-position:-170px -252px;color:#3ab487;}
.pannel_menu li.rom a:hover{background-position:-170px -324px;color:#3ab487;}
.pannel_menu li.sdk a:hover{background-position:-170px -359px;color:#3ab487;}
.pannel_menu li.doc a:hover{background-position:-170px -216px;color:#3ab487;}
.pannel_menu li.demo a:hover{background-position:-170px -252px;color:#3ab487;}


.pannel_detail .item{height:155px;border-bottom:1px dashed #CACACA;overflow:hidden;margin-bottom:30px;clear:both;}
.product_panel .item .icon{width:130px;height:130px;float:left;padding-top:0px;margin-right:60px;}
.product_panel .item .tit{font-size:16px;}
.product_panel .item .info{font-size:12px;color:#8E8E8E;line-height:18px;height:36px;}
.product_panel .item .info span{padding-right:50px;}
.product_panel .item .btn{background:#3AB487;color:#FFF;width:144px;height:44px;line-height:44px;text-align:center;display:block;margin-top:20px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;}
.product_panel .item .infomation{width:610px;float:right;margin-top:-10px;}

/* product manage - info */

.product_panel{padding:29px 0;}

.pannel_menu li.info a{background-position:0 -144px;}
.pannel_menu li.device a{background-position:0 -180px;}
.pannel_menu li.func a{background-position:0 -216px;}
.pannel_menu li.static a{background-position:0 -252px;}
.pannel_menu li.ota a{background-position:0 -288px;}

.pannel_menu li.info a:hover{background-position:-170px -144px;}
.pannel_menu li.device a:hover{background-position:-170px -180px;}
.pannel_menu li.func a:hover{background-position:-170px -216px;}
.pannel_menu li.static a:hover{background-position:-170px -252px;}
.pannel_menu li.ota a:hover{background-position:-170px -288px;}

.pannel_menu li.info.on a{background-position:-170px -144px;color:#3ab487;}
.pannel_menu li.device.on a{background-position:-170px -180px;color:#3ab487;}
.pannel_menu li.func.on a{background-position:-170px -216px;color:#3ab487;}
.pannel_menu li.static.on a{background-position:-170px -252px;color:#3ab487;}
.pannel_menu li.ota.on a{background-position:-170px -288px;color:#3ab487;}

.pannel_detail .product_info{padding:30px 10px;line-height:37px;}
.pannel_detail .product_info dl{height:37px;}
.pannel_detail .product_info dl dt, .pannel_detail .product_info dl dd{float:left;}
.pannel_detail .product_info dl dt{width:110px;text-align: right;padding-right:10px;}
.pannel_detail .product_info dl dd{min-width:200px;color:#5e5e5e;}
.pannel_detail .product_info dl dd .btn{background:#3AB487;color:#FFF;width:88px;height:37px;text-align:center;display:block;float:right;margin:0 20px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;}
.pannel_detail .product_info dl dd.note{color:#8e8e8e;font-size:12px;}

/* product manage - device */
.device_list table{text-align:left;font-size:12px;text-indent:10px;}
.device_list tr{height:42px;line-height:42px;}
.device_list tr:hover{background-color:#FFF;}
.device_list tr th{color:#8E8E8E;font-weight:normal}
.device_list tr td{border-bottom:1px dashed #8E8E8E;}
.device_list .bind, .device_list .status, .device_list .static{background:url(../img/p_icon.png) 0 0 no-repeat;width:43px;height:43px;display:block;margin:0 auto;}
.device_list .bind.on{background-position:0 -43px;}
.device_list .status.on{background-position:-74px -43px;}
.device_list .static.on{background-position:-146 -43px;}
.device_list .status{background-position:-74px 0;}
.device_list .static{background-position:-146px 0;}

/* product manage - func */
.func{}
.func_tab{background:#e8ecf3;height:40px;line-height:40px;}
.func_tab a{display:block;float:left;width:130px;height:40px;box-sizing:border-box;text-align:center;}
.func_tab a.on, .func_tab a:hover{border-bottom:2px solid #3ab487;color:#3ab487;}
.current_func{height:20px;line-height:20px;padding-left:10px;border-left:4px solid #d8bc5b;margin:20px 0;}
.current_func a.btn{background:#3AB487;color:#FFF;width:88px;height:30px;line-height:30px;text-align:center;display:block;float:right;margin-right:20px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;}
.func table{text-align:left;font-size:12px;text-indent:10px;}
.func tr{height:42px;line-height:42px;}
.func tr:hover{background-color:#FFF;}
.func tr th{color:#8E8E8E;font-weight:normal;}
.func tr td{border-bottom:1px dashed #8E8E8E;;}

.func_list a.edit, .func_list a.del{padding-left:26px;background:url(../img/o_icon.png) 0 0 no-repeat;height:42px;line-height:42px;display:block;float:left;color:#3ab487;}
.func_list a.edit{margin-right:4px;}
.func_list a.edit:hover{background-position:0 -42px;}
.func_list a.del:hover{background-position:0 -126px;}
.func_list a.del{background-position:0 -84px;}
.func_list a.add_trigger{padding-left:26px;background:url(../img/add_icon.png) 0 0 no-repeat;height:42px;line-height:42px;display:inline-block;color:#3ab487;}
.func_list a.add_trigger:hover{background-position-y:-42px;}

.func_list .mail, .func_list .sms, .func_list .wechat{width:20px;height:20px;background:url(../img/t_icon.png) 0 0 no-repeat; display:inline-block;text-indent:-999px;overflow:hidden;margin:0 0 -5px 12px;}
.func_list .sms{background-position:-20px 0;}
.func_list .wechat{background-position:-40px 0;}

.dialog#m_trigger dl.reason{height:80px;margin-bottom:20px;}
.dialog#m_trigger dt{}
.dialog#m_trigger dd{color:#8E8E8E;line-height:18px;}
.dialog#m_trigger select, .dialog#m_trigger input{height:29px;width:75px;}
.dialog#m_trigger select{margin-top:1px;}
.dialog#m_trigger select.tool{width:100px;}
.dialog#m_trigger input.phone_num{width:200px;}

.dialog#m_trigger dl.notice{height:auto;line-height:18px;}
.dialog#m_trigger dl.notice dt, .dialog#m_trigger dl.notice dd{float:none;}
.dialog#m_trigger dl.notice dd textarea{width:100%;height:120px;margin-top:10px;line-height:18px;padding:10px;box-sizing:border-box;}
.dialog#m_trigger .confirm{width:320px;margin:15px auto 0;}

.linkage_device{padding:30px 10px 0}
.linkage_device .device_pic{width:160px;height:160px;float:left;margin-right:30px;}
.linkage_device .device_pic img{width:160px;height:160px;border:1px solid #DFDFDF;border-radius:3px;behavior:url(css/PIE.php);z-index:1;box-sizing:border-box;}
.linkage_device .device_info{float:left;}
.linkage_device .device_info dt{font-size:18px;}
.linkage_device .device_info .note{font-size:12px;color:#8E8E8E;height:40px;line-height:40px;}
.linkage_device .device_info .info{height:30px;line-height:30px;}
.linkage_device .device_info .info span{padding:0 20px;}
a.switch{margin-bottom:-4px;width:34px;height:16px;display:inline-block;background:#D2D2D2;border:1px solid #BFBFBF;box-sizing:border-box;border-radius:8px;behavior:url(css/PIE.php);z-index:1;position:relative;}
a.switch i{width:16px;height:16px;display:block;background:#b3b3b3;border-radius:8px;behavior:url(css/PIE.php);z-index:1;position:absolute;top:-1px;transform:translate(0,0);transition: transform .2s ease-out;-ms-transform:translate(0,0);-ms-transition: transform .2s ease-out;}
a.switch.on i{background-color:#3ab487;transform:translate(18px,0);transition: transform .2s ease-out;-ms-transform:translate(18px,0);-ms-transition: transform .2s ease-out;}
.linkage_device .device_info .btn{background:#3ab487;color:#FFF;width:140px;height:44px;line-height:40px;text-align:center;display:block;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;margin-top:22px;}

.linkage_list{border-top:1px solid #CACACA;margin:20px 0 20px;}

/* product manage - func - test */
.func_test{padding:20px 0 20px 20px;}
.func_test .api_setting{float:left;width:302px;}
.func_test  li{list-style:none;height:30px;line-height:30px;margin-bottom:18px;}
.func_test  label, .func_test input{line-height:44px;}
.func_test  label{width:84px;display:inline-block;text-align:right;}
.func_test  select{height:30px;line-height:30px;width:212px;}
.func_test  select:focus{border-color:#3AB487;outline:0;}
.input-box_ input{height:30px;width:212px;line-height:30px;}
.func_test .para input{margin-top:14px;width:192px;height:30px;line-height:30px;}
.func_test .para input:focus{}

.func_test .api_content{float:right;width:432px;}
.func_test textarea{display:block;width:100%;margin-bottom:30px;height:160px;padding:10px;box-sizing:border-box;border-color:#CACACA;}
.func_test textarea:focus{border-color:#3AB487;outline:0;}
.testing{padding-left:22px;}
.testing a{display:block;width:288px;height:44px;line-height:44px;color:#FFF;background:#3ab487;border-radius:3px;behavior:url(css/PIE.php);z-index:1;text-align:center;}

.func_test .device_test{}
.func_test .device_info{margin-bottom:15px;}
.func_test .device_info a{width:88px;height:30px;display:inline-block;line-height:30px;text-align:center;background:#3ab487;color:#FFF;margin-left:15px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;}
.func_test .device_info input.text{line-height:38px;height:38px;}
.func_test input.text{width:302px;}
.func_test .device_info p{padding:10px 0 0 84px;}


.func_test .device_order{float:left;width:387px;}
.func_test .device_data{float:right;width:387px;}
.func_test .device_order label, .func_test .device_data label{float:left;display:block;height:22px;line-height:22px;}
.func_test .device_order textarea, .func_test .device_data textarea{float:left;width:302px;height:130px;}
.func_test .device_order a, .func_test .device_data a{float:right;display:block;height:44px;line-height:44px;width:302px;text-align:center;color:#FFF;background:#3ab487;border-radius:3px;behavior:url(css/PIE.php);z-index:1;}

/* product manage - static */
.static .info_board{width:831px;height:122px;background:#FFF;border:1px solid #f4f5f7;border-top:0px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;box-shadow:1px 2px 3px #BDBDBD;margin-top:20px;overflow:hidden;}
.static .info_board .inner{width:832px;height:122px;min-height:0px;}
.static .info_board dl{float:left;display:block;width:207px;height:122px;box-sizing:border-box;text-align:center;padding-top:21px;}
.static .info_board dl dt{font-size:40px;}
.static .info_board dl dd{color:#8E8E8E;}
.static .info_board dl.line{width:0;height:40px;border-right:1px solid #e1e6ef;margin:40px 0 0;}
.static .control{margin:20px 0;}
.static .control .duration{float:left;}
.static .control .duration select{width:213px;height:29px;}
.static .control .duration select:focus{border-color:#3AB487;outline:0;}
.static .control .search_box{width:auto;}
.static .control .search_box input{width:230px;height:34px;}
.static .control .search_box input.search_btn{width:43px;}
.static .static_chart{width:832px;min-height:260px;border:1px solid #dfdfdf;box-sizing:border-box;margin-top:10px;}/*background:#FFF url(../img/loading.gif) center center no-repeat;*/
.static .static_chart.on{width:832px;min-height:260px;border:1px solid #dfdfdf;box-sizing:border-box;margin-top:10px;background:#FFF url(../img/loading.gif) center center no-repeat;}/*background:#FFF url(../img/loading.gif) center center no-repeat;*/
.static .static_detail{}
.static .static_detail .data_detail table{font-size:12px;color:#191919;border:1px solid #CACACA;}
.static .static_detail .data_detail table th{background:#CACACA;height:32px;line-height:32px;font-weight:normal;text-align:left;text-indent:12px;}
.static .static_detail .data_detail table td{height:41px;border-top:1px dashed #CACACA;text-indent:12px;}
.static .static_detail .data_detail table>tr{margin-bottom:-2px;}
.static .static_detail .data_detail table tr:hover{background-color:#FFF;}


/* product manage - OTA */
.ota_list .true, .ota_list .false{width:20px;height:20px;display:block;background:url(../img/status.png) 0 0 no-repeat;margin:0 auto;}
.ota_list .false{background-position:-20px 0;}
.ota_list  a{margin-right:10px;}
.dialog#m_addota a.upload{width:118px;height:30px;line-height:30px;text-align:center;background:#3AB487;border-radius:3px;behavior:url(css/PIE.php);z-index:1;display:block;color:#FFF;}
.dialog#m_addota select{width:230px;height:30px;}
.dialog#m_addota textarea{width:230px;height:100px;line-height:24px;padding:0 5px;box-sizing:border-box;}
.dialog#m_verifyota .warning{color:#e36359;line-height:18px;font-size:12px;margin-bottom:10px;}
.dialog#m_verifyota .progress{width:232px;height:10px;background:#CACACA;border-radius:1px;behavior:url(css/PIE.php);z-index:1;overflow:hidden;margin-top:16px;}
.dialog#m_verifyota .progress .progressing{background:#3AB487;height:10px;}
.dialog#m_verifyota a.verify{width:100%;height:44px;line-height:44px;}
.dialog#m_verifyota a.verifying{background:#F2F2F2;border:1px solid #CACACA;color:#CACACA;}
.dialog#m_verifyota .verify_progress .success, .dialog#m_verifyota .verify_progress .failed{display:none;color:#57a609;padding-left:80px;}
.dialog#m_verifyota .verify_progress.success .success{display:block;}
.dialog#m_verifyota .verify_progress.failed .failed{display:block;}
.dialog#m_verifyota .verify_progress .success dt, .dialog#m_verifyota .verify_progress .failed dt{width:20px;height:40px;display:block;background:url(../img/status.png) 0 0 no-repeat;margin-right:5px;}
.dialog#m_verifyota .verify_progress .success dd, .dialog#m_verifyota .verify_progress .failed dd{float:none;line-height:20px;font-size:12px;}
.dialog#m_verifyota .verify_progress .failed{color:#e36359;}
.dialog#m_verifyota .verify_progress .failed dt{background-position:-20px 0;}
.dialog#m_verifyota .verify_progress.failed .progressing{background-color:#e36359;}


.ota_history .progress{width:180px;height:10px;background:#CACACA;border-radius:1px;behavior:url(css/PIE.php);z-index:1;overflow:hidden;}
.ota_history .progress .progressing{background:#3AB487;height:10px;background:#3AB487;border-radius:3px;behavior:url(css/PIE.php);z-index:1;display:block;color:#FFF;text-align:center;}

/* control pannel */
.control_panel{padding:29px 0;}
.search_box{position:relative;width:300px;}
.search_box input.text{height:34px;width:300px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;border:1px solid #E3E3E3;padding-right:56px;}
.search_box input:focus{border-color:#3AB487;}
.search_btn{position:absolute;left:186px;top:0;height:34px;width:43px;background:url(../img/search.png) center center no-repeat;border:0;cursor:pointer;}
.nav .user-arrow {
    position:absolute;
    right:0;
    top:10px;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    border-top-color: #000;
}
.nav .user_menu{display:none;width:158px;border:1px solid #D7D7D7;border-radius:3px;behavior:url(css/PIE.php);z-index:1;background:#FFF;position:absolute;top:30px;right:0;z-index:99;}
.nav .user_menu .arrow_top{background:#FFF;width:10px;height:10px;box-sizing:border-box;border:1px solid #D7D7D7;border-width:1px 0 0 1px;transform:rotate(45deg);position:absolute;top:-6px;right:28px;}
.nav .user_menu ul{margin-bottom:-1px;position:relative;}
.nav .user_menu ul li a{display:block;height:42px;line-height:42px;border-bottom:1px solid #D7D7D7;padding-right:30px;}
.nav .user_menu ul li a:hover{background-color:#3AB487;color:#FFF;}
.pannel{margin-top:20px;}
.products{width:1050px;}
.products .product, .products .add{width:300px;height:340px;display:block;float:left;background:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;behavior:url(css/PIE.php);border-radius:3px; border:1px solid #e3e3e3; box-sizing:border-box;margin:0 50px 30px 0;z-index:1;position:relative;}
.products .product a{background-color:#FFF;display:block;height:100%;width:100%;box-sizing:border-box;padding:23px 20px 0;behavior:url(css/PIE.php);border-radius:3px; z-index:1;}
.products .product a:hover{color:#262626;}
.products .product dt{width:160px;height:160px;margin:0 auto;}
.products .product dt img{border-radius:3px;behavior:url(css/PIE.php);z-index:1;}
.products .product dd{text-align:center;font-size:14px;}
.products .product dd.tit{line-height:24px;height:24px;}
.products .product dd.info{padding:10px 0;border-bottom:1px solid #D7D7D7;}
.products .product dd.info p{height:29px;line-height:29px;font-size:12px;color:#8e8e8e;text-align:center;}
.products .product dd.status{height:51px;line-height:51px;text-align:left;font-size: 12px;}
.products .product dd.status .close, .products .product dd.status .open{float:right;padding-left:24px;color:#3AB487;}
.products .product dd.status .close{background:url(../img/close.png) no-repeat left center;}
.products .product dd.status .open{background:url(../img/open.png) no-repeat left center;}

.products .add{border:none;}
.products .add a{border:1px dashed #e3e3e3;display:block;padding-top:110px;height:100%;box-sizing:border-box;behavior:url(css/PIE.php);border-radius:3px;position:relative;z-index:99;}
.products .add a:hover{background-color:#FFF;border-style:solid;}
.products .add{display:block;text-align:center;}
.products .add a dt{border:2px solid #3AB487;width:76px;height:76px;-moz-border-radius: 40px;-webkit-border-radius: 40px;behavior:url(css/PIE.php);border-radius:40px; text-align:center;position:relative;display:block;margin:0 auto;z-index:99;}
.products .add a dt i{height:28px;width:0;border:2px solid #3AB487;display:block;position:absolute;top:50%;left:50%;margin-left:-2px;margin-top:-16px;border-radius:2px;}
.products .add a dt b{width:28px;height:0;border:2px solid #3AB487;display:block;position:absolute;top:50%;left:50%;margin-top:-2px;margin-left:-16px;border-radius:2px;}
.products .add dd{line-height:60px;color:#3AB487;}
.products .add a:hover dt{behavior:url(css/PIE.php);border-radius:40px;position:relative;z-index:99;border:2px solid #3AB487;}
.products .add a:hover i, .products .add a:hover b{border-color:#3AB487;}


/* control pannel - account */
.pannel_menu{width:170px;float:left;padding-top:18px;font-size:14px;}
.pannel_menu li{list-style:none;}
.pannel_menu li a{height:36px;line-height:36px;display:block;padding-left:28px;background:url(../img/icon.png) 0 0 no-repeat;} 
.pannel_menu li.account a{background-position:0 0;}
.pannel_menu li.message a{background-position:0 -36px;}
.pannel_menu li.wechat a{background-position:0 -72px;}
.pannel_menu li.pay a{background-position:0 -108px;}
.pannel_menu li.account a:hover{background-position:-170px 0;color:#3ab487;}
.pannel_menu li.message a:hover{background-position:-170px -36px;color:#3ab487;}
.pannel_menu li.wechat a:hover{background-position:-170px -72px;color:#3ab487;}
.pannel_menu li.pay a:hover{background-position:-170px -108px;color:#3ab487;}
.pannel_menu li.account.on a{background-position:-170px 0;color:#3ab487;}
.pannel_menu li.message.on a{background-position:-170px -36px;color:#3ab487;}
.pannel_menu li.wechat.on a{background-position:-170px -72px;color:#3ab487;}
.pannel_menu li.pay.on a{background-position:-170px -108px;color:#3ab487;}

.pannel_detail{width:832px;float:right;padding-bottom:20px;}
.pannel_detail .pannel_tit{font-size:22px;border-bottom:1px solid #D7D7D7;padding-bottom:6px;}
.pannel_detail .pannel_tit small{font-size:12px;font-style: normal;color:#8E8E8E;margin-left:14px;}
.pannel_detail .account_info{padding:30px 10px;line-height:37px;}
.pannel_detail .account_info dl{height:37px;}
.pannel_detail .account_info dl dt, .pannel_detail .account_info dl dd{float:left;}
.pannel_detail .account_info dl dt{width:85px;color:#8e8e8e;}
.pannel_detail .account_info dl dd{min-width:266px;}
.pannel_detail .account_info dl dd .btn{background:#3AB487;color:#FFF;width:88px;height:37px;text-align:center;display:block;float:right;margin-right:20px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;}
.pannel_detail .account_info dl dd.note{color:#8e8e8e;font-size:12px;}


/* control pannel - dialog */
.dialog{display:none;}
.dialog .box{background:#FFF;padding:30px 45px; box-sizing:border-box;position:absolute;width:416px;min-height:333px;z-index:99;left:50%;top:50%;overflow:hidden;margin:-340px 0 0 -208px;
    transform: translate(0, -50px);
    transition: transform .3s ease-out;}
.dialog .tit{font-size:24px;text-align:center;margin-bottom:20px;}
.dialog dl{height:44px;line-height:44px;margin-bottom:10px;}
.dialog dl dt{width:88px;}
.dialog .title{width:350px;text-align: right;font-size: 12px;}
.dialog ._big{width:651px;text-align: right;font-size: 12px;}
.dialog dl dt, .dialog dl dd{float:left;}
.dialog input{height:30px;width:230px;margin-top:6px;}
.dialog select{height:30px;width:230px;margin-top:6px;}
.dialog .note{color:#8e8e8e;line-height:42px;font-size:12px;}
.dialog .confirm{margin-top:20px;}
.dialog .confirm a{display:block;width:144px;height:44px;line-height:44px;text-align:center;float:left;background:#3AB487;color:#FFF;box-sizing:border-box;border-radius:3px;behavior:url(css/PIE.php);z-index:1;}
.dialog .confirm a.no{
    float:right;
    background-color:#8E8E8E;
}
.fade{
    opacity:0;
    transition: opacity .15s linear;
}
.fade.in{
    opacity:1;      
}

.dialog.in .box{
    transform: translate(0, 0);
    z-index:100;
}


.dialog#m_phone .box{height:375px;}
.dialog#m_password .box{height:375px;}
.dialog#m_addfunc select{width:230px;height:30px;}
.dialog#m_addfunc select:focus{border-color:#3AB487;outline:0;}
.dialog#m_trigger .box{width:726px;margin-left:-363px;}

.dialog .valid{margin:10px 0;}
.dialog .valid input{width:154px;float:left;margin-right:10px;}
.dialog .valid input.check{margin-right:0;}


/* control pannel - message */
.message_list div:hover{background-color:#FFF;}
.message_list div{border-bottom:1px dashed #8E8E8E;padding:0 15px 10px 0;}
.message_list div .summary{float:left;}
.message_list div .summary dt{height:42px;line-height:42px;}
.message_list div .summary dt:before{content:"";margin-right:28px;display:inline-block;}
.message_list div .summary dt.new:before{content:"";width:0;height:0;border:3px solid #3AB487;border-radius:3px;behavior:url(css/PIE.php);z-index:1;line-height:0;font-size:0;text-align:center;margin:0 12px 1px 10px;display:inline-block;}
.message_list div .summary dd{font-size:12px;line-height:42px;color:#8e8e8e;text-indent:28px;}

.message_list div .info{float:right;}
.message_list div .info dt{height:42px;line-height:56px;font-size:12px;color:#8e8e8e;}
.message_list div .info dd{line-height:42px;font-size:12px;}
.message_list div .info dd a.fr{float:right;}

.pager{/* position:absolute;right:-16px;bottom:30px;*/ float:right;margin-top:30px;font-size:12px;margin-bottom:20px;}
.pager p{display:block;float:left;height:29px;box-sizing:border-box;line-height:29px;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;margin-right:10px;}
.pager p a{border:1px solid #CACACA;margin-left:-1px;display:block;padding:0 10px;float:left;text-align:center;background:#FFF;height:29px;line-height:28px;}
.pager p.first a{border-radius:3px;behavior:url(css/PIE.php);z-index:1;}
.pager p.last a{border-radius:3px;behavior:url(css/PIE.php);z-index:1;}
.pager p.num>a:last-child{border-bottom-right-radius: 3px;border-top-right-radius: 3px;behavior:url(css/PIE.php);z-index:1;position:relative;}
.pager p.num>a:first-child{border-bottom-left-radius: 3px;border-top-left-radius: 3px;behavior:url(css/PIE.php);z-index:1;position:relative;}

.pager p.go input, .pager p.go a{margin:0 6px;}
.pager p.go input{height:30px;width:40px;}
.pager p.go a{float:right;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;}


/* control pannel - qrcode */
.qrcode{margin-top:24px;}
.qrcode .qrcode_img, .qrcode .scan{float:left;margin-right:40px;}
.qrcode .scan p{line-height:32px;}


/* control pannel - pay  */
.payhistory{min-height:300px;}
.payhistory table{text-align:left;font-size:12px;text-indent:10px;}
.payhistory tr{height:42px;line-height:42px;}
.payhistory tr:hover{background-color:#FFF;}
.payhistory tr th{color:#8E8E8E;font-weight:normal}
.payhistory tr td{border-bottom:1px dashed #8E8E8E;}
.payhistory.none{background:url(../img/no_pay.png) center center no-repeat;height:300px;}
.payhistory.none table{display:none;}

/* intro */
.intro{background:url(../img/intro.png) 0 0 }
.intro .focus{text-align:center;color:#FFF;height:640px;}
.intro .focus dt{font-size:90px;margin:120px 0 20px;display:inline-block;}
.intro .focus dd{font-size:28px;font-weight:100;}
.intro .focus dd.full{font-size:14px;margin-top:30px;line-height:28px;color:#9cf4d4;}

.intro .bigdata{height:350px;background-color:#FFF;padding-top:60px;clear:both;}
.intro .bigdata dt{float:left;margin-right:85px;}
.intro .bigdata dd p{font-size:16px;color:#8e8e8e;line-height:30px;}
.intro .bigdata dd p.tit{font-size:60px;color:#40b68b;line-height:80px;padding:40px 0 32px;}

.intro .report{background:#f8f9fb;padding:80px 0;}
.intro .report .tit{font-size:56px;color:#8E8E8E;text-align:center;margin-bottom:80px;position:relative;height:80px;}
.intro .report .tit i{height:3px;width:66px;border-radius:1px;behavior:url(css/PIE.php);z-index:1;background:#f47564;position:absolute;bottom:-3px;left:50%;margin-left:-33px;}
.intro .report ul{width:1200px;}
.intro .report li{list-style:none;float:left;margin:0 20px 50px 0;}
.intro .report li a.more{width:320px;height:230px;display:block;background:#34c0b5;color:#FFF;text-align:center;line-height:230px;border-radius:9px;behavior:url(css/PIE.php);z-index:1;font-size:26px;}

.intro .address{height:397px;width:1400px;margin:0 auto;background:url(../img/addr.png) 0 0 no-repeat;oveflow:hidden;color:#FFF;font-size:16px;text-align:center;padding-top:60px;line-height:26px;}
.intro .address dt{margin-bottom:8px;}
.intro .address dt img{width:270px;height:270px;}
.intro .address_bg{height:397px;width:100%;background:#f8f9fb;}
/* about */
.about{background:url(../img/intro.png) 0 0}
.about_black{background:url(../img/about.png) 0 0}
.about .focus{text-align:center;color:#FFF;height:510px;}
.about .focus dt{font-size:56px;margin:125px 0 20px;display:inline-block;}
.about .focus dd.full{font-size:16px;margin-top:30px;line-height:29px;}

.about .team{background:#fff;padding:80px 0 100px;}
.about .team .tit{font-size:56px;color:#8E8E8E;text-align:center;margin-bottom:80px;position:relative;height:80px;}
.about .team .tit i{height:3px;width:66px;border-radius:1px;behavior:url(css/PIE.php);z-index:1;background:#f47564;position:absolute;bottom:-3px;left:50%;margin-left:-33px;}
.about .team .desc{font-size:14px;color:#8E8E8E;line-height:26px;}
.about .team .member{width:1200px;padding-top:60px;color:#8E8E8E;}
.about .team .member dl{width:200px;padding:0 35px 0 20px;float:left;text-align:center;}
.about .team .member dl dt img{width:200px;height:200px;}
.about .team .member dl .name{font-size:22px;line-height:36px;color:#191919;}
.about .team .member dl .title{font-size:16px;line-height:36px;}
.about .team .member dl .profile{font-size:12px;line-height:22px;padding-top:15px;}

/* notification */
#notification{width:100%;height:60px;position:fixed;top:0;left:0;z-index:99;line-height:60px;text-align:center;font-size:18px;color:#FFF;}
#notification.success{background-color:#3ab487;}
#notification.error{background-color:#e36359;}

/*validate */
input.input_success{border-color:#3AB487 !important;background:url(../img/success.png) right center no-repeat}
input.input_error{border-color:#E36359 !important;}
label.input_error{color:#E36359;padding-left:4px;}

.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
white-space: normal;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 25%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 25%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 25%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 25%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.btn-block{
    width:100%;
}

/*btn list*/
.list-btn,.list-btn2,.list-btn3,.list-btn4 {
    padding:20px;
}
.list-btn a.btn,.list-btn2 a.btn,.list-btn3 a.btn{padding:2px 5px 2px 5px;margin-right:10px;height:20px;line-height:20px;background:#3AB487;color:#FFF;display:inline-block;text-align:center;border-radius:3px;behavior:url(css/PIE.php);z-index:1;position:relative;}