@charset "utf-8";
::-webkit-input-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
:-moz-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
::-moz-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
:-ms-input-placeholder{color:#999;font-family:microsoft yahei;font-size:14px;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
ul{list-style:none;margin:0;padding:0;}
a:hover{ text-decoration: none; }
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p10{padding:10px;}
.p30{padding:30px;}
.clear{clear:both;}
.dis{display:none;}
.text-center{text-align:center;}
body{background:#f7f7f7;min-width:1200px;}
.notsupport{position:fixed;top:0;bottom:0;z-index:99999;width:100%;height:100%;text-align:center;clear:both;color:#fff;background:#0072C6;}
.notsupport h1{font-size:80px;margin-top:200px;margin-bottom:30px;}
.notsupport h2{font-size:30px;margin-bottom:30px;}

section{max-width:100%;}
#header{background:#fff;border-bottom:solid 1px #eee;box-shadow:0px 0px 9px rgba(0,0,0,0.3);z-index:9999;}



.bg_notice{background:#F8F9FB;height:50px;line-height:50px;border-bottom:1px solid #E1EBFF;overflow:inherit;}
.notice{font-size:15px;position:relative;z-index:998;}
.notice .ntitle{float:left;width:30px;font-weight:400;color:#999;font-size:20px;}
.notice .nlist{float:left;width:480px;overflow:hidden;line-height:50px;height:50px;}
.notice .nlist span{color:#999;margin-left:15px;font-size:12px;}
.notice .nredbag{font-size:14px;float:left;width:300px;line-height:50px;height:50px;overflow:hidden;}
.notice .nredbag span{color:#f30;margin:0 2px;}
.notice .nredbag b{color:#333;margin-right:10px;}
.notice .nfix{width:390px;text-align:center;border:1px solid #E1EBFF;border-bottom:0;background:#fff;height:50px;position:absolute;top:0;right:0;font-size:14px;}
.notice .nfix .ip{border:1px solid #E1EBFF;padding:8px 20px;width:230px;}
.notice .nfix .bnt{border:1px solid #5487EE;border-left:0;background:#5487EE;color:#fff;padding:8px 20px;}

.bg_white{background:#fff;margin:40px 0 0 0;}
.bg_gray{background:#F1F8FE;padding:40px 0;}
.home_title{margin:0 auto;font-size:33px;font-weight:300;color:#444;}
.home_intro{font-size:16px;color:#7A8A9A;font-weight:200;line-height:30px;}

.home_space{padding:30px 0;}
.home_space ul{width:1200px;padding:2px;}
.home_space ul li{padding:5px;}
.home_space ul li .item{border:1px solid #efefef;border-radius:4px;padding:10px;transition:all 0.3s ease;}
.home_space ul li .item .icon{width:100px;height:100px;border-radius:50%;margin:10px auto 10px auto;border:1px solid #fafafa;padding:4px;}
.home_space ul li .item .icon .mark{background:#45A4EE;width:100%;height:100%;line-height:90px;text-align:center;border-radius:50%;}
.home_space ul li .item .icon .mark span{font-size:40px;color:#fff;}
.home_space ul li .item h3{font-size:18px;font-family:microsoft yahei;text-align:center;padding:10px 0;margin:0;font-weight:500;color:#333;}
.home_space ul li .item h5{font-size:13px;color:#999;padding:0 10px 15px 10px;margin:0;font-weight:normal;line-height:24px;text-indent:2em;}
.home_space ul li .item:hover{background:#45A4EE;border-color:#45A4EE;transform:translateY(-5px);}
.home_space ul li .item:hover .icon{border-color:#A0D4FD;}
.home_space ul li .item:hover .icon .mark{background:#fff;}
.home_space ul li .item:hover .icon .mark span{color:#999;}
.home_space ul li .item:hover h3,.home_space ul li .item:hover h5{color:#fff;}

.p01{text-align:center;margin:30px auto 0 auto;}
.section_one{padding-bottom:0px;}
.section_two .left{float:left;width:360px;margin-right:40px;padding:160px 0;}
.section_two .right{float:right;width:733px;position:relative;height:430px;margin-bottom:40px;}
.section_two .right .p02_01{position:absolute;bottom:0;left:0;z-index:1;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.section_two .right .p02_02{position:absolute;bottom:0;left:200px;z-index:2;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.section_three .left{float:left;width:700px;margin-right:40px;position:relative;height:580px;margin-bottom:60px;}
.section_three .right{float:right;width:420px;padding:260px 0;}
.section_three .left .p03_01{position:absolute;bottom:0;left:0;z-index:1;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;}
.section_three .left .p03_02{position:absolute;bottom:60px;left:80px;z-index:2;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:0px solid #f3f3f3;}
.section_four .left{float:left;width:360px;margin-right:40px;padding:160px 0;}
.section_four .right{float:right;width:733px;position:relative;height:480px;margin-bottom:20px;}
.section_four .right .p04_01{position:absolute;bottom:0;right:30px;z-index:1;}
.section_four .right .p04_02{position:absolute;bottom:120px;right:440px;z-index:2;}
.section_five{padding-bottom:40px;}
.link{padding-bottom:20px;}
.link h3{margin-bottom:20px;}
.link a{display:inline-block;border:1px solid #eee;padding:6px 10px;color:#666;margin:0 5px 5px 0;font-size:14px;border-radius:4px;}
.link a:hover{background:#09ABF4;color:#fff;border:1px solid #09ABF4;}
.footer{background:url(../images/bg_foot.gif) repeat-x top;min-height:260px;padding-top:40px;}
.footer .left{background:url(../images/bg_foot_line.gif) repeat-y left;padding:0 20px 0 40px;float:left;width:20%;min-height:110px;}
.footer .copyright{padding-top:65px;font-size:14px;color:#7A8A9A;font-family:microsoft yahei;line-height:30px;clear:both;text-align:center;}
.footer .copyright a{color:#7A8A9A;}
.footer .left dl{margin:0;padding:0;}
.footer .left dl dd{text-align:left;font-size:18px;color:#B2C5D9;font-family:microsoft yahei;margin:0 0 10px 0;padding:0;}
.footer .left dl dt{text-align:left;font-size:14px;color:#8F8F8F;font-family:microsoft yahei;line-height:24px;font-weight:normal;}
.footer .left dl dt a{color:#8999AA;}
.footer .left dl dt a:hover{color:#fff;}
.footer a{color:#8F8F8F;}
.footer a:hover{color:#fff;}
.bg_inner{padding-bottom:20px;overflow:hidden;}
.bg_body{background:#fff;box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:0px solid #f3f3f3;padding:20px;min-height:600px;}
.minheight{min-height:500px;overflow:hidden;}
.sidebar-left{float:left;width:210px;margin-right:20px;background:#fff;padding-bottom:9999px;margin-bottom:-9999px;border:1px solid #f3f3f3;}
.sidebar-left h5{margin:0;padding:0;display:block;height:80px;background:url(../images/sidebar_title_bg.gif) no-repeat top;color:#fff;font-weight:normal;font-size:24px;line-height:80px;text-indent:36px;}
.sidebar-left ul{margin:0;padding:0;list-style:none;}
.sidebar-left ul li{border-bottom:1px dotted #e3e3e3;}
.sidebar-left ul li a{border-left:2px solid #3C98EC;padding-left:36px;border-left:2px solid transparent;height:56px;line-height:56px;display:block;color:#666;}
.sidebar-left ul li:hover a{color:#2F8CE1;border-left:2px solid #3C98EC;}
.sidebar-left ul .hover a{border-left:2px solid #54ADFF;color:#2F8CE1;}
.sidebar-right{float:right;width:970px;background:#fff;border:1px solid #f3f3f3;padding:10px 30px;padding-bottom:9999px;margin-bottom:-9999px;}
.subject{border-bottom:1px solid #eaeaea;}
.subject b{border-bottom:2px solid #3C98EC;height:60px;line-height:60px;display:inline-block;margin-bottom:-1px;font-weight:normal;color:#3b3b3b;font-size:24px;font-family:microsoft yahei;}
.subject .more{float:right;}
.subject .more a{font-size:12px;font-family:宋体;color:#999;}
.subject .more a:hover{color:#f30;}
.news-list{margin-top:30px;}
.news-list li{border-bottom:1px solid #e6e7e8;margin-bottom:15px;padding-bottom:15px;}
.news-list li h1{font-size:18px;margin:0;font-weight:500;}
.news-list li aside{font-size:12px;line-height:18px;color:#999;}
.news-list li p{color:#666;font-size:14px;}
.news_show{margin-top:20px;}
.news_show h1{font-size:24px;margin:0;font-weight:300;color:#333;}
.news_show aside{margin-bottom:30px;color:#999;font-size:12px;}
.news_show img{max-width:100%;margin:0 auto 20px;}
.news_show p{margin-bottom:15px;color:#666;}
.news_show .table{border:1px dashed #ddd;margin-bottom:10px;border-collapse:collapse;display:table;}
.news_show .table td,th{padding: 5px 10px;border: 1px solid #ddd;}
.news_show .table th{border-top:1px solid #BBB;background-color:#F7F7F7;color:#333;}
.news_show .table tr.firstRow th{border-top-width:2px;}
.news_show .table td p{margin:0;padding:0;}
.love{margin:40px auto 10px 0;text-align:center;}
.love p{font-size:20px;color:#000;font-family:microsoft yahei;font-weight:400;}
.love a{background:#EA6F5A;color:#fff;padding:10px 30px;display:inline-block;border-radius:20px;}
.love a:hover{background:#FF6839;color:#fff;}
.boxes{width:430px;margin:30px auto 0 auto;}
.boxes .box{height:70px;color:#333;text-align:center;}
.boxes .box a{border:1px solid #dadada;border-radius:4px;display:inline-block;width:100px;height:50px;line-height:50px;color:#666;font-size:24px;}
.boxes .box a span{font-size:14px;font-weight:500;padding-left:5px;color:#999;}
.boxes .box a:hover{background:#EA6F5A;border-color:#EA6F5A;color:#fff;}
.boxes .box a:hover span{color:#fff;}
.boxes .hover a{background:#EA6F5A;border-color:#EA6F5A;color:#fff;}
.boxes .hover a span{color:#fff;}
.boxes .other a{font-size:14px;}
.bg-white{background:#fff;}
#form_love .ip{border:1px solid #eee;margin:10px 20px;width:90%;}

.page_show{margin-top:20px;}
.page_show p{line-height:30px;}
.page_show img{max-width:100%;}
.page_show .img{box-shadow:1px 2px 10px rgba(0,0,0,0.1);border:1px solid #f3f3f3;margin-top:20px;}
.table{border:1px solid #E5E9ED;width:100%;}
.table th{background:#345;color:#fff;padding:10px;text-align:center;font-size:18px;font-weight:normal;}
.table td{padding:10px;border:1px solid #E5E9ED;text-align:center;color:#345;font-size:16px;}
.table td .red{color:#f30;}
.table td .green{color:#5EB95E;}
.skin-list{width:100%;margin-top:20px;}
.skin-list ul{margin:0;padding:0;list-style:none;}
.skin-list ul li{float:left;width:20%;margin:0;padding: 0 8px 18px;}
.skin-list ul li a{border:1px solid #f0f0f0; display: block;position:relative;overflow:hidden;background:#fff;transition:all 0.3s ease;}
.skin-list ul li a:hover{box-shadow:0px 10px 10px -2px rgba(0,121,255,0.05);transform:translateY(-5px);}
.skin-list ul li .pic{padding:3px;height:300px;overflow:hidden;}
.skin-list ul li .pic img{width:100%;height:auto;}
.skin-list ul li .title{padding:10px 15px;font-size:15px;font-weight:300;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.skin-list ul li .bottom{background:#fcfcfc;border-top:1px solid #f0f0f0;padding:15px;font-size:14px;color:#999;}
.skin-list ul li .bottom em{color:#f30;font-style:normal;}
.skin-list ul li .bottom span{float:right;}
.skin-list ul li u{background:#66F;position:absolute;width:220px;line-height:40px;font-size:12px;color:#fff;top:10px;right:-80px;font-style:normal;text-decoration:none;text-align:center;transform:rotate(45deg)}
.skin-list ul li .color{background:#F18C14;}

.skin-left{float:left;background:#fff;padding:20px;border:1px solid #E4ECF7;box-shadow:0px 2px 6px rgba(0,121,255,0.1);min-height:738px;position:relative;overflow:hidden;}
.skin-left .tag{background:#66F;position:absolute;width:220px;line-height:40px;font-size:14px;color:#fff;top:20px;right:-70px;font-style:normal;text-decoration:none;text-align:center;transform:rotate(45deg)}
.skin-left .color{background:#F18C14;}
.skin-left .headers{margin:0 20px 20px 20px;border-bottom:1px solid #E2EBEF;padding-bottom:20px;}
.skin-left .headers .name{font-size:30px;color:#ff6f06;margin:0 0 10px 0;font-weight:300;}
.skin-left .headers .intro{font-size:14px;line-height:24px;color:#666;box-shadow:0 0 10px 0 rgba(154,161,171,.3);padding:15px 20px;margin:10px 0;}
.skin-left .headers ul{}
.skin-left .headers ul li{display:inline-block;margin-right:20px;}
.skin-left .headers ul li span{color:#9AABB8;}
.skin-left .headers ul li em{font-style:normal;color:#f30;}
.skin-left .headers ul li del{color:#999;}
.skin-left .headers ul li a{display:inline-block;background:#F96868;color:#fff;font-size:13px;padding:8px 10px;}
.skin-left .headers ul li a:hover{background:#009EFF;}

.skin-left .skinpic{padding:0 20px;}
.skin-left .skinpic img{width:auto;max-width:80% !important;display:block;margin:0 auto 20px auto;border:1px solid #f3f3f3;padding:5px;height: auto !important;}
.skin-left .skinpic img:first-child{ max-width: 100% !important;  }
.skin-left .textbody{padding:0 20px;}
.skin-left .textbody img{width:auto;max-width:100%;}
.ey-editor{ padding: 0 }
.skin-right{}
.skin-right .box{box-shadow:0px 2px 6px rgba(0,121,255,0.1);border:1px solid #E4ECF7;padding:20px 25px 0 25px;margin-bottom:20px;background:#fff;}
.skin-show {padding:0 0 20px 0;}
.skin-show h2{font-size:18px;font-weight:500;color:#333;margin:0 0 10px 0;padding:0;color:#f30;}
.skin-show ul{margin:0;padding:0;list-style:none;}
.skin-show ul li{line-height:40px;border-bottom:1px solid #f3f3f3;font-size:14px;color:#444;}
.skin-show ul li span{color:#666;}
.skin-show ul li em{font-style:normal;color:#f30;}
.skin-show ul li del{color:#999;}
.skin-show .action{padding:0px;position:relative;}
.skin-show .action select{display:block;border:1px solid #eaeaea;padding:10px;width:100%;margin-bottom:15px;}
.skin-show .action .selected{border-color:#f30;}
.skin-show .action a{display:inline-block;padding:10px 37px;color:#fff;border-radius:2px;font-size:15px;font-weight:300;transition:all 0.3s ease;}
.skin-show .action a:hover{box-shadow:0px 10px 10px -2px rgba(0,0,0,0.1);transform:translateY(-2px);}
.skin-show .action a.buy{background:#00AEFF;}
.skin-show .action a.down{background:#F96868;}
.skin-show .action .tips{color:#333;font-size:13px;background:#fff;color:#333;padding:15px;margin-top:15px;border-radius:6px;border:1px solid #eee;}
.skin-show .action .tips b{color:#f30;}
.skin-show .action .tips:after{content:" ";position:absolute;right:60px;bottom:66px;width:15px;height:15px;border-left:0;border-bottom:0;transform:rotate(45deg);background:#fff;border:1px solid #eee;border-bottom:0;border-right:0;}
.skin-desc{padding:0;}
.skin-desc ul{margin:0;padding:0;list-style:none;}
.skin-desc ul li{line-height:35px;border-bottom:1px solid #f3f3f3;font-size:14px;color:#444;}
.skin-desc ul li span{width:24px;height:24px;line-height:24px;display:inline-block;background:#C3C3C3;color:#fff;border-radius:50%;text-align:center;margin-right:10px;font-size:12px;}
.skin-desc ul li .hover{background:#F37520;}
.skin-desc ul li em{font-style:normal;color:#06f;}

.sub_nav{text-align:center;padding:10px 0;display:none;}
.sub_nav ul{margin:0;padding:0;list-style:none;}
.sub_nav ul li{display:inline-block;position:relative;margin-right:10px;}
.sub_nav ul li a{display:block;border:1px solid #eaeaea;padding:8px 30px;border-radius:30px;background:#fff;}
.sub_nav ul li a:hover{background:#FF7700;border-color:#FF7700;color:#fff;}
.sub_nav ul .hover a{border:1px solid #FF7700;color:#fff;background:#FF7700;}
.sub_nav ul li dl{background:#E4392A;top:23px;left:0;position:absolute;opacity:0;transition:all .3s ease 0s;transform:translate3d(0,10px,0);visibility:hidden;z-index:100;}
.sub_nav ul li dl a{display:block;border:0;font-weight:normal;padding:10px 30px;color:#fff;border-radius:0;white-space:nowrap;}
.sub_nav ul li dl a:hover{background:#fff;color:#333;padding:10px 30px;}
.sub_nav ul li:hover{}
.sub_nav ul li:hover a{background:#FF7700;border-color:#FF7700;color:#fff;}
.sub_nav ul li:hover dl{opacity:1;transform:translate3d(0,0,0);visibility:visible;}

.bg_pro{box-shadow:0 0 15px 0 rgba(0,0,0,.15);border-radius:0 100px 0 0;padding:0;margin:20px auto 0 auto;}
.pro{background:linear-gradient(-118deg,#00c1e0 1%,#098df9 93%);padding:40px 50px 35px 60px;border-radius:0 100px 0 0;color:#fff;min-height:120px;overflow:hidden;position:relative;}
.pro h1{margin:0 0 10px 0;padding:0;font-size:36px;font-weight:500;padding-bottom:20px;border-bottom:1px dashed hsla(0,0%,100%,.25);}
.pro .action{position:absolute;right:85px;top:65px;}
.pro .action a{font-size:15px;color:#666;background:#fff;padding:8px 25px;border-radius:20px;margin-left:10px;box-shadow:0 0 15px 0 rgba(0,0,0,.15);}
.pro .action a:hover{background:#f60;color:#fff;}
.pro p{font-size:14px;margin:0;padding:10px 0 0 0;font-family:sans-serif;}
.pro_intro{width:100%;padding-top:20px;background:#fff;overflow:hidden;}
.pro_intro .tabs{width:95%;margin:0 auto;background:#fff;border-bottom:2px solid #0089F2;position:relative;height:64px;}
.pro_intro .tabs ul{background:#fff;position:absolute;bottom:-2px;left:30px;}
.pro_intro .tabs ul li{float:left;}
.pro_intro .tabs ul li a{display:block;padding:15px 50px;text-align:center;font-size:16px;font-weight:normal;background:#fff;color:#999;border-bottom:2px solid #0089F2;}
.pro_intro .tabs ul li.hover a{background:#fff;font-weight:bold;border:2px solid #0089F2;border-radius:15px 15px 0 0;border-bottom:0;font-weight:normal;color:#0089F2;}
.pro_intro .intro{padding:30px;min-height:500px;border:1px solid #f3f3f3;border-top:0;box-shadow:1px 2px 10px rgba(0,0,0,0.1);background:#fff;}
.pro_intro .intro img{max-width:800px;}
.faq li{padding:20px 0;border-bottom:1px dashed #e5e9ed;font-size:16px;line-height:1.6;}
.faq h5{font-size:20px;color:#196CC0;padding-bottom:10px;}
.faq p{margin:0;padding:0;}
.help{margin:0 auto;background:url(../images/bg_help.png) no-repeat center top;height:245px;padding:50px 0;}
.help h1{font-size:36px;text-align:center;color:#fff;font-weight:300;}
.search{text-align:center;margin-top:25px;clear:both;}
.search em{position:relative;left:35px;top:2px;color:#999;}
.search .ip{box-shadow:-10px 1px 25px #48609d;border-radius:6px 0 0 6px;width:55%;padding:13px 2.7em 13px 45px;font-size:16px;border:1px solid #ddd;}
.search .bnt{box-shadow: 10px 1px 25px #48609d;padding:14px 40px;background:#F37520;color:#fff;border:0;font-size:16px;}
.search p{color:#ff0;text-align:left;width:740px;margin:15px auto 0 auto;}
.search p a{color:#fff;padding-right:20px;}
.search p a:hover{color:#ff0;}

.help_top{width:1200px;}
.help_top .list{width:1215px;}
.help_top .loop{width:390px;margin-right:15px;float:left;background:#fff;padding:5px 20px 20px 20px;border:1px solid #E4ECF7;box-shadow:0px 2px 6px rgba(0,121,255,0.1);min-height:600px;position:relative;}
.help_top .loop ul{margin:15px 0 0 0;}
.help_top .loop ul li{border-bottom:1px solid #F3F3F3;margin-bottom:10px;padding-bottom:10px;}
.help_top .loop ul li a{font-size:14px;}
.help_top .loop ul li span{width:24px;height:24px;line-height:24px;display:inline-block;background:#C3C3C3;color:#fff;border-radius:50%;text-align:center;margin-right:10px;font-size:12px;}
.help_top .loop ul li .hover{background:#F37520;}
.help_top .loop .more{position:absolute;bottom:15px;right:20px;font-size:14px;width:100%;text-align:right;}
.help_top .loop .more span{margin-left:5px;}
.help_top .loop .more a{color:#666;}
.help_top .loop .more a:hover{color:#f30;text-decoration:underline;}
.help_top .loop .more a:hover span{color:#333;}

.filter{border:1px solid #f0f0f0;padding:20px 30px 10px 30px;background:#fff;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.05); margin:0 8px; position:relative;}
.filter dl{margin:0;}
.filter dl dd{float:left;width:70px;font-weight:400;font-size:14px;margin:0;padding-top:5px;color:#999;}
.filter dl dt{margin:0 0 0 80px;}
.filter dl dt a{font-weight:500;margin:0 10px 10px 0;padding:6px 20px;color:#999;font-size:14px;display:inline-block;border-radius:20px;border:1px solid #D8E2F0;}
.filter dl dt a:hover{border:1px solid #ff6f06;color:#ff6f06;}
.filter dl dt .cur{border:1px solid #ff6f06;color:#ff6f06;}
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#F37B1D;background:#F37B1D;color:#fff;}
.pagelist li.active a{border-color:#F37B1D;background:#F37B1D;color:#fff;}
.page_login{min-height:500px;padding:30px 30px;box-shadow:1px 1px 10px rgba(0,0,0,0.1);border:1px solid #E6ECF4;background:#fff;}
.page_login .left{float:left;padding:30px;width:760px;}
.page_login .right{float:right;height:470px;border-left:1px solid #f6f6f6;width:350px;padding:60px 0 0 60px;font-family:microsoft yahei;}
.page_login .right a.btn{display:inline-block;padding:10px 35px;background:#007FCD;color:#fff;border-radius:2px;}
.page_login .right a.btn:hover{background:#2674B2;}
.page_login .right .quick h5{margin:40px 0 30px 0;padding-bottom:15px;border-bottom:1px dashed #ddd;font-weight:normal;}
.page_login .right .quick a{font-size:13px;text-align:center;color:#666;}
.page_login .right .quick a span{margin-right:5px;color:#999;}
.page_login .right .quick a:hover,.page_login .right .quick a:hover span{color:#f30;}

.api_user{padding:30px 0 0 60px;font-size:15px;}
.api_user span{color:#f30;}

.user_center{box-shadow:1px 1px 10px rgba(0,0,0,0.1);border:1px solid #E6ECF4;background:#fff;overflow:hidden;}
.user_center .lefter{width:160px;float:left;}
.user_center .lefter ul{margin:15px 0;padding:0 0 10px 0;list-style:none;border-bottom:1px solid #f3f3f3;}
.user_center .lefter ul li{color:#999;line-height:40px;height:40px;margin-bottom:1px;}
.user_center .lefter ul li .title{padding-left:25px;}
.user_center .lefter ul li .title span{margin-right:10px;}
.user_center .lefter ul li a{padding-left:53px;line-height:40px;height:40px;display:block;font-size:14px;}
.user_center .lefter ul li a:hover{background:#f3f3f3;}
.user_center .lefter ul .hover a{padding-left:53px;line-height:40px;height:40px;display:block;font-size:14px;background:#2384D5;color:#fff;}
.user_center .lefter ul .hover a:hover{background:#2384D5;color:#fff;}
.user_center .righter{margin:0 30px 0 0;float:right;width:1008px;padding:0 0 20px 20px;border-left:1px solid #f3f3f3;min-height:786px;}
.user_center .righter .user_info{padding:20px 30px;}
.user_center .righter .user_info .face{width:15%;float:left;margin-right:10%;cursor:pointer;overflow:hidden;text-align:center;}
.user_center .righter .user_info .face img{border-radius:50%;border:1px solid #f3f3f3;padding:4px;}
.user_center .righter .user_info .face p{text-align:center;color:#06c;}
.user_center .righter .user_info .info{float:left;width:75%;}
.user_center .righter .user_info .info p span{color:#f30;}
.user_center .righter .user_info .info ul{margin:0;padding:0;list-style:none;}
.user_center .righter .user_info .info ul li{font-size:16px;line-height:50px;height:50px;border-bottom:1px dashed #eee;vertical-align:middle;float:left;width:45%;margin-right:5%;}
.user_center .righter .user_info .info ul li span{color:#f30;}
.user_center .righter .user_info .info ul li em{color:#999;font-style:normal;display:inline-block;width:80px;text-align:right;margin-right:10px;}
.table_list{border:1px solid #eee;width:100%;}
.table_list th{padding:6px 10px;border:1px solid #eee;text-align:center;color:#333;background:#fafafa;font-family:microsoft yahei;font-weight:normal;}
.table_list td{padding:6px 10px;border:1px solid #eee;text-align:center;color:#666;font-family:microsoft yahei;font-size:14px;}
.table_list .textleft{text-align:left;}
.table_list .textleft span{color:#999;margin-left:10px;font-family:宋体;font-size:12px;}
.table_list .textleft span em{color:#06f;font-size:14px;padding:0 5px;}
.table_list td em{font-style:normal;color:#999;}
.table_list a{color:#06f;}
.table_list a:hover{color:#f30;}

.paybox{width:650px;float:left;}
.paybox .box{color:#333;text-align:center;}
.paybox .box a{border:1px solid #dadada;border-radius:4px;display:inline-block;width:150px;height:80px;color:#666;font-size:24px;padding-top:8px;}
.paybox .box a span{font-size:14px;font-weight:500;padding-left:5px;color:#999;}
.paybox .box a u{font-size:14px;display:block;font-style:normal;text-decoration:none;color:#999;}
.paybox .box a:hover{background:#EA6F5A;border-color:#EA6F5A;color:#fff;}
.paybox .box a:hover span{color:#fff;}
.paybox .box a:hover u{color:#fff;}
.paybox .hover a{background:#EA6F5A;border-color:#EA6F5A;color:#fff;}
.paybox .hover a span{color:#fff;}
.paybox .hover a u{color:#fff;}
.paybox .other a{font-size:16px;padding-top:25px;}

.paybox_no .box a{height:55px;}
.paybox_no .other a{padding-top:15px;}

.plug_service{position:fixed;right:1%;bottom:5%;z-index:999;}
.plug_service li{margin-bottom:0px;position:relative;border-bottom:1px solid #9EAEBD;}
.plug_service li a{display:block;text-align:center;background:#858F99;border:1px solid #858F99;color:#fff;padding:2px 8px 6px 8px;font-size:12px;font-family:microsoft yahei;outline:none;}
.plug_service li a span{display:block;font-size:24px;color:#fff;}
.plug_service li a:hover{background:#2384D5;color:#fff;border-color:#2384D5;}
.plug_service li a:hover span{color:#fff;}
.plug_service .hover a{display:block;text-align:center;background:#2384D5;border:1px solid #2384D5;padding:2px 8px 6px 8px;font-size:12px;font-family:microsoft yahei;color:#fff;outline:none;border-radius:4px;}
.plug_service .hover a span{color:#fff;}
.plug_service li:hover div{display:block;}
.plug_service li:last-child{margin-top:5px;border-radius:4px;display:none;}
pre{padding:0;border:0;background:none;}
code.highlight{margin:0;padding:0;border:0;background:none;}
.highlight table{width:100%;border:1px solid #ccc;background:#fff;}
.highlight div{min-height:18px;_height:18px;}
.highlight .code-wrap{border:2px solid #eee;overflow-x:auto;color:#333;font-family: Consolas,"Liberation Mono",Courier, monospace;_font-family:monospace;font-size:12px;line-height:18px;vertical-align:bottom;}
.highlight .line-nums {width:4%;text-align:right;vertical-align:top;padding:5px 0;color:#bbb;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
.highlight .line-nums span{display:block;padding:0 8px;cursor:default;}
.highlight .line-code {border-left:1px solid #e5e5e5;padding:5px 0;vertical-align:top;}
.highlight .line-code div{padding-left:10px;white-space:pre;}
.lang-js .comment{color:#008000;}
.lang-js .string{color:#808080;}
.lang-js .number{color:#d14;}
.lang-js .keywords{/*color:#00f*/font-weight:700;}
.lang-js .regex{color:#8000ff;}
.lang-js .global{color:#0086b3;}
.lang-js .brackets{color:#000080;}
.lang-html .comment{color:#998;font-style:italic;}
.lang-html .doctype{color:#008080;}
.lang-html .tag{color:#881280;}
.lang-html .attribute{color:#008000;}
.lang-html .data{color:#d14;}
.lang-html .string{color:#888;}
.lang-css .comment{color:#008000;}
.lang-css .properties{color:#008080;}
.lang-css .selectors{color:#800000;}
.lang-css .units{color:#f00;}
.lang-css .urls{color:#f0f;}
.lang-css .colors{color:#808000;}
.lang-css .important{color:#00f;}

#price table{width:1140px;margin:10px auto;border-collapse:collapse;cursor:default;position:relative;}
#price table th{background:#f8f8f8;padding:15px 0;font-size:18px;font-weight:300;border:1px solid #e9e9e9;font-family:"微软雅黑";font-size:18px;color:#333;text-align:center;}
#price table th strong{font-size:26px;color:#666;font-weight:normal;}
#price table th span{font-size:14px;color:#999;letter-spacing:3px;margin-left:5px;}
#price table td{height:40px;text-align:center;font-size:14px;border:1px solid #e9e9e9;font-family:"微软雅黑";color:#777;}
#price table .tips{text-align:left;text-indent:24px;position:relative;color:#555;}
#price table .tips span{position:absolute;right:15px;top:12px;color:#ddd;cursor:pointer;}
#price table .tips div{position:absolute;width:360px;background:#66C238;color:#fff;left:235px;text-indent:0;padding:10px 20px;border-radius:10px 4px 0 10px;top:3px;display:none;z-index:999;box-shadow:0 5px 10px 0 #449F34;}
#price table .tips div:after{content:" ";position:absolute;left:-5px;top:10px;width:10px;height:10px;border-left:0;border-bottom:0;transform:rotate(45deg);background:#66C238;}
#price table .tips:hover div{display:block;}
#price table .tips:hover span{color:#6C3;}
#price table .bg{background:#f8f8f8;width:100px;color:#333;}
#price table .red{color:#f30;}
#price table .black{color:#666;}
#price table .blue{color:#06f;}
#price table .green{color:#6C3;}
#price table .show div{height:1218px;}
#price table .burst em{width:150px;height:35px;line-height:35px;font-size:14px;font-weight:300;color:#fff;display:inline-block;background:#01AAED;font-style:normal;border-radius:20px;margin:10px;}
#price table .burst:hover em{background:#66C238;}
#price table .burst div{width:170px;position:absolute;top:-20px;border:0;z-index:4;}
#price table .burst a{width:100%;height:100%;border:1px solid #01AAED;display:none;box-shadow:0 0 40px 0 #D2EAF4;border-radius:5px 5px 0 0;color:#fff;}
#price table .burst h3{height:80px;padding-top:20px;background:linear-gradient(0deg,#01AAED 1%,#098df9 93%);font-size:26px;color:#fff;font-weight:300;}
#price table .burst h3 strong{font-size:36px;color:#fff;font-weight:300;}
#price table .burst h3 span{font-size:17px;letter-spacing:3px;margin-left:5px;}
#price table .burst .bottom{}
#price table .burst .bottom:hover a{display:block;}
#price table .active a{display:block;}
#price table .text{padding:10px 0;}
#price table .api{text-align:center;padding:10px 0;}
#price table .api a{width:170px;height:35px;line-height:35px;font-size:14px;font-weight:300;color:#fff;display:inline-block;background:#01AAED;font-style:normal;border-radius:20px;margin:5px;}
#price table .api a:hover{background:#66C238;}

fieldset{margin:15px 0;border:1px solid #eaeaea;padding:0 20px 20px 20px;border-radius:6px;font-size:15px;line-height:30px;}
legend{border:0;font-size:18px;width:auto;margin:10px;padding:5px;color:#06f;}
.am-btn-default{background-color:#fff;}

.redbag{text-align:center;width:100%;margin:0 auto;padding:15px 5px;background-color:rgba(0,0,0,0.2);height:100%;position:absolute;box-sizing:border-box;top:0;left:0;}
.redbag .packet{height:450px;background:#DC463C;width:300px;left:0;top:0;border-radius:10px;margin:150px auto;position:relative;}
.redbag .topcontent{height:300px;border:1px solid #DE554D;background-color:#DE554D;border-radius:10px 10px 50% 50% / 10px 10px 35% 35%;}
.redbag .avatar{position:relative;padding-top:20px;}
.redbag .avatar img{border:2px solid #FFE84A;border-radius:50%;overflow:hidden;margin-top:10%;}
.redbag #close{color:rgba(0,0,0,0.5);position:absolute;right:10px;top:0px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);font-size:2em;cursor:pointer;z-index:999;}
.redbag #close:hover{color:#fff;}
.redbag .topcontent h2{margin:15px 0;color:#fff;font-family:microsoft yahei;font-weight:300;}
.redbag .text{color:#fff;font-family:microsoft yahei;font-size:16px;}
.redbag #chai{width:100px;height:100px;border:1px solid #FFA73A;background:#DDBD84;border-radius:50%;color:#fff;font-size:20px;display:inline-block;margin-top:-40px;box-shadow:0px 4px 0px 0px rgba(0, 0, 0, 0.1);cursor:pointer;}
.redbag #chai span{margin-top:15px;display:inline-block;font-size:40px;color:#444;font-family:microsoft yahei;text-shadow:1px 1px 1px #fff}
.redbag .success{font-size:20px;color:#fff;padding-top:170px;font-weight:300;display:none;}
.redbag .success span{display:block;font-size:16px;}
.redbag .success span em{color:#ff0;font-style:normal;font-size:48px;margin-right:10px;vertical-align:middle;}
.rotate{-webkit-animation:anim .6s infinite alternate;-ms-animation:anim .6s infinite alternate;animation:anim .6s infinite alternate;}
@-webkit-keyframes anim {from {-webkit-transform: rotateY(180deg); }to {-webkit-transform: rotateY(360deg);}}
@-ms-keyframes anim {from {-ms-transform: rotateY(180deg); }to {-ms-transform: rotateY(360deg);}}
@keyframes anim {from {transform: rotateY(180deg); }to {transform: rotateY(360deg);}}


.user_search{padding:0 0 10px 0;text-align:right;display:inline-block;}
.user_search form{margin:0;}
.user_search form span{display:inline-block;background:#f3f3f3;border:1px solid #ddd;border-right:0;padding:7px 20px;font-size:13px;vertical-align:middle;}
.user_search form input[type=text]{border:1px solid #ddd;padding:8px 10px;font-size:14px;width:200px;}
.user_search form input[type=submit]{border:1px solid #0073EB;background:#0073EB;color:#fff;padding:8px 20px;font-size:14px;}

.am-comment-bd{font-family:microsoft yahei;line-height:24px;font-size:14px;}
.am-comment-bd blockquote{font-family:microsoft yahei;line-height:24px;font-size:14px;background:#fafafa;}
.am-comment-bd blockquote p{margin:0 0 5px 0;padding:0;}

.am-comment-avatar{width:60px;height:60px;}
.am-comment-main{margin-left:82px;border-color:#eee;}
a.am-comment-author{color:#333;}
.am-comment-actions a{color:#666;}

.form-add input[type=text],.form-add select,.form-add textarea{width:auto;display:inline;border-color:#ddd;border-radius:3px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.065) inset;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;font-size:14px;}
.form-add select{width:494px;}
.form-add label{font-size:14px;font-weight:normal;padding:0;color:#666;}


.question_top{padding:20px;}
.question_top ul{margin:10px 0;padding:0;list-style:none;}
.question_top ul li{border-bottom:1px solid #f3f3f3;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.question_top ul li span{width:24px;height:24px;line-height:24px;display:inline-block;background:#C3C3C3;color:#fff;border-radius:50%;text-align:center;margin-right:10px;font-size:12px;}
.question_top ul li em{float:right;color:#666;font-style:normal;}
.question_top ul li .hover{background:#F37520;}

.am-nav-tabs{border:0;}
.am-nav-tabs > li{border:0;margin-bottom:-2px;}
.am-nav-tabs > li a{font-size:15px;padding:10px 25px;color:#999;border:0;}
.am-nav-tabs > li a:hover{color:#04A9F5;background:none;}
.am-nav-tabs > li.am-active > a, .am-nav-tabs > li.am-active > a:focus, .am-nav-tabs > li.am-active > a:hover{border:0;background:#fff;border-radius:4px 4px 0 0;font-weight:normal;box-shadow:0px -5px 10px 0px rgba(0,0,0,0.05)}
.am-tabs-bd{border:0;background:#fff;padding:0 20px;box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.05);}

[class*=am-icon-]{font-family:FontAwesome;}
@media screen and (min-width: 1200px)
{

	#price table .tips div{left:295px;}
	#price table .burst div{width:204px;}
	
	.skin-list ul{}
	.skin-list ul li:nth-child(4n){ margin-right: 0; }

	.help_top{width:1480px;}
	.help_top .list{width:1455px;}
	.help_top .loop{width:470px;}
	
	.bbs .lefter{width:1090px;}
	
	.page_login .left{width:1000px;}
	.user_center .lefter{width:260px;float:left;}
	.user_center .lefter ul li .title{padding-left:65px;}
	.user_center .lefter ul li a{padding-left:93px;}
	.user_center .lefter ul .hover a{padding-left:93px;}
	.user_center .righter{width:1188px;}
}

@media (max-width: 1600px){
.col-md-3 {
    width: 31%;
}
.col-md-9 {
    width: 69%;
}
}

.ey-editor p{ clear:both; }


.user-kaifa{float: right;
    font-size: 14px;
    color: #fff;
    border-radius: 100px;
    display:inline-block;
    padding: 0 25px;
    line-height:40px;
    margin:25px 0 0 30px;
    background:#f55a00;
cursor:pointer;
position:absolute;
top:30px; right:10px;
}
.user-kaifa a{color: #fff;}
.fa-user-circle:before {
    content: "\f2bd";
}
.faicon {
    display: inline-block;
    font-size: 20px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}
#iframe_reportaddsave{
    padding: 0!important;
}


@media (max-width: 640px){
    .bg_inner .container{padding-right: 0;padding-left: 0;}
}

.layui-layer-mall .layui-layer-title {
   height: 62px;
   line-height: 62px;
   font-size: 16px;
   background-color: #fff;
   color: #575757;
}

.layui-layer-mall .layui-layer-setwin{
    position: absolute;
    right: 20px;
    *right: 0;
    top: 24px;
    font-size: 0;
    line-height: initial;
}