/* 重置样式 */
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:0; padding:0; margin:0;}
body,html{ overflow-y:hidden; width:100%; height:100%;}
body{ font:12px Arial,Helvetica,sans-serif; color:#000; background:#f2f2f2;}
body.bgwhite{ background-color:#fff;}
body.minwidth{ min-width:1200px;}
img,a img{ font-size: 0; line-height: 0;}
h1,h2,h3,h4,h5,h6{ font-size:12px; font-weight:normal;}
ul,li,ol,dt,dl,dd{ list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
address,cite,pre,code,em,th,i{font-weight:normal; font-style:normal;}
pre,code{ display:block;}
label,input,textarea,select,button{ vertical-align:middle; outline:none;}
input,button,select,img{line-height:normal;}
img{ vertical-align: middle;}
a{ color:#000; text-decoration:none; outline:none;}

/* 浮动方式 */
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.fn{ float:none !important;}
.clear{ clear:both;}

/* 定位方式 */
.relative{ position: relative;}
.absolute{ position:absolute;}
.fixed{ position:fixed;}

/* 字体对齐方式 */
.tl{ text-align:left !important;}
.tc{ text-align:center !important;}
.tr{ text-align:right !important;}

.inlineblock{ display:inline-block !important;}


.colspan_1{ width:8.3333%;}
.colspan_2{ width:16.6666%;}
.colspan_3{ width:25%;}
.colspan_4{ width:33.3333%;}
.colspan_5{ width:41.6666%;}
.colspan_6{ width:50%;}
.colspan_7{ width:58.3333%;}
.colspan_8{ width:66.6666%;}
.colspan_9{ width:75%;}
.colspan_10{ width:83.3333%;}
.colspan_11{ width:91.66666%;}
.colspan_12{ width:100%;}


.pdt_0{ padding-top:0 !important;}
.pdl_0{ padding-left:0 !important;}
.pdr_0{ padding-right:0 !important;}
.pdb_0{ padding-bottom:0 !important;}
.pdt_5{ padding-top:5px !important;}
.pdl_5{ padding-left:5px !important;}
.pdr_5{ padding-right:5px !important;}
.pdb_5{ padding-bottom:5px !important;}

.mt_5{ margin-top:5px;}
.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px !important;}

.ml_0{ margin-left:0 !important;}
.ml_5{ margin-left:5px;}
.ml_10{ margin-left:10px;}
.ml_15{ margin-left:15px;}

.mb_0{ margin-bottom:0 !important;}

.border{ border:1px solid #e6e6e6;}
.bordernone{ border:0 none !important;}

.hidden{ overflow:hidden;} 
.auto{ overflow:auto !important;}

/* 图标 */
.icon{ display:inline-block; background:url("../images/icon.png") no-repeat; vertical-align:middle;}
.icon.checkbox_icon{ background-position:0 0;}
.icon.pick_icon{ background-position:-47px 0;}
.icon.usermanager_icon{ background-position:-47px -46px;}
.icon.dataanalysis_icon{ background-position:-47px -92px;}
.icon.message_icon{ background-position:-47px -138px;}
.icon.trademark_icon{ background-position:-47px -184px;}
.icon.order_icon{ background-position:-47px -231px;}
.icon.numcertification_icon{ background-position:-47px -328px;}
.icon.mapmarker_icon{ background-position:-47px -276px;}
.icon.todaynum_icon{ background-position:-46px -387px;}
.icon.axcustom_icon{ background-position:-46px -441px;}
.icon.gold_icon{ background-position:-1893px 0;}
.icon.silver_icon{ background-position:-1893px -49px;}
.icon.copper_icon{ background-position:-1893px -95px;}
.icon.hot_icon{ background-position:-1941px 0;}
.icon.more_icon{ background-position:-2036px 0;}
/* 按钮 */
.btn{ display:inline-block; padding:2px 3px; border:1px solid #e6e6e6; border-radius:3px; background-color:#faf6f7; cursor:pointer;}
.btn em{ padding:0 2px; font-size:12px; color:#333; vertical-align:middle}
.btn i{ display:inline-block; margin:0 2px; font-size:12px; color:#333; vertical-align:middle;}
.btn:hover em,.btn:hover i{ color:#f56c35;}
.btn_danger{ border-color:#f56c35; background-color:#f56c35;}
.btn_danger em,.btn_danger i{ font-size:12px; color:#fff;}
.btn_danger:hover{ background-color:#f86125;}
.btn_danger:hover em,.btn_danger:hover i{ color:#fff;}
.btn_transparent{ background-color:#fff;}
.btn_bornone{ background-color:#fff; border:0 none;}
.btn_disable{ border:1px solid #e6e6e6; border-radius:3px; background-color:#faf6f7; opacity:0.5; cursor:not-allowed;}
.btn_disable:hover em{ background-color:#faf6f7; color:#333;}

/* 字体颜色 */
.normal{ color:#333 !important;}
.successed{ color:#26b02a !important;}
.failed{ color:#f02425 !important;}
.danger{ color:#f56c35 !important;}
.disabled{ color:#666 !important;}

/* 背景颜色 */
.successed_bg{ background-color:#26b02a !important;}
.failed_bg{ background-color:#f02425 !important;}
.danger_bg{ background-color:#f56c35 !important;}


/* 表单 */
.text,.date,.select,.textarea{ border:1px solid #ddd; border-radius:2px; font-size:12px; color:#000;}
.text,.date,.select{ height:27px; line-height:27px; padding:0 5px;}
.select{ padding-right:0;}
.textarea{ height:50px; padding:5px;}
.text:focus,.date:focus,.select:focus,.textarea:focus{ border-color:#428bca;}
.to{ display:inline-block; width:14px; line-height:27px; text-align:center; font-size:12px; vertical-align:middle;}
.checkbox{ line-height:16px; cursor:pointer;}
.checkbox i{ width:16px; height:16px; vertical-align:middle;}
.checkbox em{ padding-left:5px; vertical-align:middle;}
.checkbox:hover i{ background-position-y:-23px;}
.checkbox.checked i{ background-position-y:-46px;}

/* 小提示 */
#tooltip{ position:absolute; z-index:9999; max-width:255px; padding:5px; border:1px solid #e6e6e6; border-radius:3px; font-size:12px; text-shadow:none;}
#tooltip p{ padding:0 5px; line-height:22px;}

/* 登录 */
.login_wrapper{ width:100%; height:100%; background:url("../images/login_bg.jpg") no-repeat; background-size:cover;}
.login_wrapper .head{ padding:30px 65px;}
.login_wrapper .head .name{ display:inline; float:left; font-size:25px; color:#fff;}
.login_wrapper .head .con{ display:inline; float:right; font-size:14px; color:#fff;}
.login_wrapper .head .con a{ padding:2px 5px; font-size:12px; color:#fe970a;}
.login_wrapper .head .con a.inlineblock{ display:inline-block; border-radius:3px; background-color:#fb7818; color:#fff;}
.login_wrapper .body{ position:absolute; top:50%; left:50%; margin-top:-255px; margin-left:-643px; width:1286px; height:510px; background:url("../images/login_box.png") no-repeat;}
.login_wrapper .body .slide_box{ display:inline; float:left; height:405px; margin:102px 0 0 173px;}
.slide_box .slide_nav{ overflow:hidden; position:relative; width:457px; height:345px;}
.slide_box .slide_nav ul{ position:absolute; top:0; left:0; height:345px;}
.slide_box .slide_nav li{ overflow:hidden; display:inline; float:left; width:457px;}
.slide_box .radius_nav{ width:100%; padding-top:10px; text-align:center;}
.slide_box .radius_nav li{ display:inline-block; margin:0 6px;}
.slide_box .radius_nav li a{ display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#ffd0ae;}
.slide_box .radius_nav li.active a{ background-color:#fb7818;}
.login_wrapper .body .login_box{ display:inline; float:right; width:446px;}
.login_wrapper .body .login_box h2{ padding-bottom:10px;}
.login_box h2 a{ display:inline-block; height:50px; line-height:50px; margin-right:30px; padding:0 20px; font-size:18px; color:#333; transition:all 0.3s ease 0s;}
.login_box h2 a.active{ border-bottom:2px solid #fb7818; color:#fb7818;}
.login_box h2 a:hover{ color:#000;}
.login_box h2 a.active:hover{ color:#fb7818;}
.login_box .con{ display:none;}
.login_box .hd{ height:61px; padding:14px 92px 0 0;}
.login_box .hd .switch{ display:inline; float:right; cursor:pointer;}
.login_box .hd .switch i{ font-size:60px; color:#fb7818;}
.login_box .hd .tips{ position:relative; display:inline; float:right; width:96px; height:34px; line-height:34px; margin-right:15px; padding:0 6px; border:1px solid #f3d995; border-radius:2px; background-color:#fefdf1; font-size:15px; color:#df9c1f;}
.login_box .hd .tips:after{ position:absolute; top:50%; right:-9px; margin-top:-8px; content:""; display:inline-block; width:9px; height:16px; background:url("../images/icon.png") no-repeat -26px 0;}
.login_box .hd .tips span{ font-size:15px;}
.login_box .hd .tips i{ margin-right:6px;}
.login_box .bd{ padding:12px 120px 0 0;}
.login_box .bd .error{ padding-top:15px; font-size:12px; color:#f12525; text-align:center;}
.login_box .bd .text_con,.login_box .bd .code_con{ position:relative; width:100%; height:40px; margin-top:20px;}
.login_box .bd .text_con span{ position:absolute; top:0; left:0; display:inline-block; width:38px; height:40px; line-height:40px; text-align:center;}
.login_box .bd .text_con span i{ font-size:14px; color:#d7d7d7; vertical-align:middle;}
.login_box .bd .text_con .text,.login_box .bd .code_con .text{ height:40px; line-height:38px; padding:0 12px 0 38px; border:1px solid #c5cddb; border-radius:3px; font-size:14px; color:#000;}
.login_box .bd .text_con .text{ width:100%;}
.login_box .bd .code_con .text{ float:left; width:198px; padding-left:12px;}
.login_box .bd .code_con .btn{ overflow:hidden; float:right; width:117px; height:40px; padding:8px 7px; border:1px solid #c5cddb; border-radius:3px; vertical-align:middle; text-align:center;}
.login_box .bd .code_con .btn em{ font-size:15px;}
.login_box .bd .code_con .btn:hover em{ color:#fb7818;}
.login_box .bd .code_con img{ float:right; width:117px; height:40px; border:1px solid #c5cddb; border-radius:2px; cursor:pointer;}
.login_box .bd .code_con .lightbox{ position:absolute; top:15px; left:175px;}
.login_box .bd .code_con .lightbox span{ font-size:14px;}
.login_box .bd .forget_con{ padding:16px 0 12px;}
.login_box .bd .checkbox{ float:left; height:16px; line-height:16px; cursor:pointer;}
.login_box .bd .checkbox .checkbox_icon{ width:16px; height:16px; margin-right:5px; vertical-align:top;}
.login_box .bd .checkbox em{ font-size:12px; color:#666;}
.login_box .bd .checkbox:hover .checkbox_icon{ background-position-y:-23px;}
.login_box .bd .checkbox.checked .checkbox_icon{ background-position-y:-46px;}
.forget_con .forget{ float:right; font-size:12px; color:#fb7818;}
.login_box .bd .btn_con{ margin-top:20px;}
.login_box .bd .btn_con .btn{ width:100%; height:40px; border-radius:2px; background-color:#fb7818; font-size:18px; color:#fff;}
.login_box .bd .txt{ padding-top:19px; font-size:12px; color:#999; text-align:center;}
.qrcode_con .qrcode_img{ width:186px; height:186px; margin:30px auto 0; border:1px solid #ddd; padding:13px;}
.qrcode_con p{ padding-top:16px; font-size:16px; text-align:center;}
.qrcode_con p i{ margin-right:8px; color:#fc984e; vertical-align:middle;}
.login_wrapper .footer{ position:fixed; left:0; bottom:0; width:100%; height:36px; line-height:36px; background-color:#fff;}
.login_wrapper .footer p{ text-align:center; font-size:12px; color:#939393;}
.model_quick .quick{ display:block;}
.model_static .static{ display:block;}

/* 头部 */
.header{ position:fixed; top:0; left:0; z-index:999; width:100%; height:41px; background-color:#252a2f;}
.header .logo{ position:relative; float:left; height:41px; line-height:41px; padding:0 15px; font-size:16px; color:#fff;}
.header .logo i{ margin-right:8px; font-size:20px; color:#f56c35; vertical-align:middle;}
.header .logo .newversion_a{ display:inline-block; height:16px; line-height:16px; margin-top:12px; padding:0 5px; border-radius:3px; background-color:#f56c35; font-size:12px; color:#fff; vertical-align:top;}
.header .portrait_box{ position:relative; display:inline; float:right; height:41px;}
.portrait_box>.con{ overflow:hidden; width:58px; height:38px; padding:6px 16px; border-radius:50%;}
.portrait_box>.con img{ width:100%; height:100%; border-radius:50%;}
.portrait_box .info{ box-shadow:0 2px 5px rgba(0,0,0,0.2); display:none; position:absolute; top:41px; right:0; width:327px; border:1px solid #ddd; background-color:#fff;}
.portrait_box .info:after{ position:absolute; top:-18px; right:18px; z-index:200; content:""; width:0; height:0; border-width:9px; border-style:solid; border-color:transparent transparent #fff transparent;}
.portrait_box .info .hd{ overflow:hidden; position:relative; width:100%; padding:12px 20px 12px 70px; border-bottom:1px solid #edecec;}
.portrait_box .info .img{ overflow:hidden; position:absolute; top:12px; left:20px; display:block; width:35px; height:35px; border-radius:50%;}
.portrait_box .info .img img{ width:100%;}
.portrait_box .info .exit{ display:block; height:31px; line-height:31px; background-color:#f2f2f2; font-size:12px; text-align:center;}
.portrait_box .info .exit:hover{ color:#f56c35;}
.portrait_box .info .nav{ padding:6px 0; border-bottom:1px solid #edecec;}
.portrait_box .info .nav li a{ display:block; height:31px; line-height:31px; padding-left:27px; font-size:12px; color:#000;}
.portrait_box .info .nav li a i{ margin-right:8px;}
.portrait_box .info .nav li a:hover{ background-color:#f2f2f2;}
.portrait_box .info .bd{ padding:6px 0 6px 27px; border-bottom:1px solid #edecec;}
.portrait_box .info .bd .item{ padding:8px 0;}
.portrait_box .info .bd .item span{ font-size:12px; color:#000; vertical-align:middle;}
.portrait_box .info .bd .item span .money{ padding:0 3px; font-size:16px; font-weight:bold; color:#f56c35;}
.portrait_box .info .bd .item span .commonAccountMoney{ padding:0 3px; font-size:16px; font-weight:bold; color:#f56c35;}
.portrait_box .info .bd .item span .newAccountMoney{ padding:0 3px; font-size:16px; font-weight:bold; color:#f56c35;}
.portrait_box .info .bd .item span .level{ display:inline-block; padding:1px 3px; font-size:12px; color:#f56c35;}
.portrait_box .info .bd .item .btn{ margin-left:15px;}
.header .portrait_box:hover .info{ display:block;}
.portrait_box .progress_box{ display:inline; float:left; width:100%;}
.progress_box h2{ font-size:14px; color:#000;}
.progress_box .con{ width:100%; height:8px; margin-top:5px; border-radius:5px; background-color:#f4f4f4;}
.progress_box .con .bar{ width:50%; height:100%; padding-right:5px; border-radius:5px; background-color:#26b02a;}
.progress_box .txt{ height:20px; line-height:20px; margin-top:5px;}
.progress_box .txt span{ font-size:12px; color:#000;}
.progress_box .txt span em{ color:#22af26;}
.header .notice_box{ position:relative; display:inline; float:right; width:45px; padding:0 14px;}
.header .notice_box .con{ position:relative; width:20px; height:20px; line-height:20px; margin:8px 0; text-align:center;}
.header .notice_box .nav{ display:none; box-shadow:0 2px 5px rgba(0,0,0,0.2); position:absolute; top:41px; right:-5px; width:360px; padding:5px 0; border:1px solid #ddd; background-color:#fff;}
.header .notice_box .nav:after{ position:absolute; top:-18px; right:15px; z-index:200; content:""; width:0; height:0; border-width:9px; border-style:solid; border-color:transparent transparent #fff transparent;}
.header .notice_box .nav li{ position:relative; padding:5px 0; border-bottom:1px dashed #e6e6e6;}
.header .notice_box .nav li a{ overflow:hidden; display:block; position:relative; line-height:25px; padding:0 150px 0 20px; font-size:12px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.header .notice_box .nav li a em{ position:absolute; top:0; right:20px; color:#999;}
.header .notice_box .nav li a:before{ display:block; position:absolute; top:10px; left:10px; content: ""; width:3px; height:3px; border-radius:50%; background-color:#f56c35;}
.header .notice_box .nav .bottom{ overflow:hidden; padding:10px 20px;}
.header .notice_box .nav .bottom .more,.header .notice_box .nav .bottom .read{ float:left; font-size:12px; color:#333; cursor:pointer;}
.header .notice_box .nav .bottom .more{ float:left;}
.header .notice_box .nav .bottom .read{ float:right;}
.header .notice_box .nav .bottom .more:hover,.header .notice_box .nav .bottom .read:hover{ color:#000; text-decoration:underline;}
.header .notice_box:hover .nav{ display:block;}
.header .notice_box .nav li:hover{ background-color:#f2f2f2;}
.header .setnumber{ float:right; height:20px; line-height:20px; margin:10px 14px; padding:0 5px; border-radius:3px; background:#f56c35; font-size:12px; color:#fff;}
.header .setnumber:hover{ opacity:0.9;}
.header .feedback,.header .help{ position:relative; float:right; width:20px; height:20px; line-height:20px; margin:10px 14px;}
.header .notice i,.header .feedback i,.header .help i{ font-size:16px; color:#fff; vertical-align:middle;}
.header .notice em{ position:absolute; top:-3px; right:-3px; display:inline-block; height:13px; line-height:13px; padding:0 2px; border-radius:8px; background-color:#f12525; font-size:12px; color:#fff;}

.header .tab_box{ position:absolute; top:0; left:220px; right:300px; bottom:0;}
/* tab页 */
.tab_box .tab_operation{ position:absolute; top:0; right:0; width:75px; height:100%;}
.tab_box .tab_operation>a{ display:inline-block; width:75px; height:24px; line-height:22px; position:absolute; top:9px; right:0; padding:0 5px; border:1px solid #1f2226; border-radius:2px; background-color:#2c3238; font-size:12px; color:#fff; text-align:center; white-space:nowrap;}
.tab_box .tab_operation>a>i{ display:inline-block; margin-left:2px; vertical-align:middle; transition:all 0.3s ease 0s;}
.tab_box .tab_operation>a em{ vertical-align:middle;}
.tab_box .tab_operation>a.down i{ transform:rotate(-180deg);}
.tab_box .tab_operation>a.down:hover{ color:#f56c35;}
.tab_box .tab_operation ul{ display:none; position:absolute; top:41px; right:0; width:110px; border:1px solid #e6e6e6; background:#fff;}
.tab_box .tab_operation ul li a{ display:block; height:30px; line-height:30px; padding:0 16px; color:#000;}
.tab_box .tab_operation ul li a i{ margin-right:5px; font-weight:bold;}
.tab_box .tab_operation ul li a em{ font-size:12px;}
.tab_box .tab_operation ul li a:hover{ background-color:#f9f9f9; color:#f56c35;}
.tab_box .tab_operation ul:after{ position:absolute; top:-16px; right:15px; z-index:200; content:""; width:0; height:0; border-width:9px; border-style:solid; border-color:transparent transparent #fff transparent;}
.tab_box .tab_nav{ width:100%; height:100%; padding-right:110px;}
.tab_box .tab_nav > ul{ overflow:hidden;}
.tab_box .tab_nav > ul > li{ position:relative; float:left; height:34px; line-height:34px; margin-top:8px; padding:0 12px; cursor:pointer;}
.tab_box .tab_nav > ul > li span{ display:block; padding:0 36px 0 10px; font-size:14px; color:#ddd;}
.tab_box .tab_nav > ul > li:hover span{ color:#fff;}
.tab_box .tab_nav > ul > li:before,.tab_box .tab_nav > ul > li span:after{ position:absolute; top:0; content:""; width:12px; height:34px;}
.tab_box .tab_nav > ul > li:before{ left:0;}
.tab_box .tab_nav > ul > li span:after{ right:0;}
.tab_box .tab_nav > ul > li:after{ position:absolute; top:9px; right:-7px; content:""; display:inline-block; width:1px; height:17px; background-color:#6c6d6e;}
.tab_box .tab_nav > ul > li .close,.more_tab li .close{ position:absolute; top:9px; right:16px; display:inline-block; width:14px; height:14px; line-height:14px; border-radius:50%; text-align:center;}
.tab_box .tab_nav > ul > li .close i,.more_tab li .close i{ font-size:12px; color:#999;}
.tab_box .tab_nav > ul > li .close:hover{ background-color:#363b3f;}
.tab_box .tab_nav > ul > li.current:after{ background-color:transparent;}
.tab_box .tab_nav > ul > li.current:before{ background:url("../images/tablft_bg.png") no-repeat 0 0;}
.tab_box .tab_nav > ul > li.current span:after{  background:url("../images/tablft_bg.png") no-repeat 0 -43px;}
.tab_box .tab_nav > ul > li.current span{ padding-right:60px; background-color:#fff; color:#000;}
.tab_box .tab_nav > ul > li.current .close i{ color:#000;}
.tab_box .tab_nav > ul > li.current .close:hover,.more_tab li .close:hover{ background-color:#ddd;}
.more_box{ display:none; width:24px; height:24px; line-height:22px; position:absolute; top:9px; right:74px; border:1px solid #1f2226; border-radius:2px; background-color:#2c3238; text-align:center;}
.more_box i{ font-size:13px; color:#fff; vertical-align:middle;}
.more_box:hover{ background-color:#373e45;}
.more_box:hover i{ font-weight:bold; color:#e55e28;}
.more_tab{ box-shadow:0 0 3px rgba(0,0,0,0.1); width:150px; position:absolute; right:74px; z-index:999; border:1px solid #ddd; border-radius:3px; padding:5px 0; background-color:#fff;}
.more_tab li{ overflow:hidden; position:relative; height:32px; line-height:32px; padding:0 36px 0 15px; text-align:left; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.more_tab li:hover{ background:#faf6f7;}


/* 菜单 */
.menu{ position:fixed; top:41px; left:0; bottom:0; z-index:9999; overflow:hidden; box-shadow:0 0 3px rgba(0,0,0,0.2); width:218px; background-color:#fafafa; transition:all 0.3s ease 0s;}
.menu .search_con{ position:relative; width:100%; height:40px; padding:7px;}
.search_con i{ position:absolute; top:14px; left:17px; font-size:12px; color:#666;}
.search_con .text{ width:100%; height:26px; padding-left:30px; border:1px solid #ddd; border-radius:12px; background-color:#fff; font-size:12px; color:#000;}
.search_con .text:focus{ border-color:#f56c35;}
.menu .menu_nav{ overflow:auto; width:217px; height:calc(100% - 40px);}
.menu_nav dd a{ overflow:hidden; position:relative; display:block; height:35px; line-height:35px; font-size:14px;}
.menu_nav dd a:hover em{ color:#000;}
.menu_nav dd a .more{ position:absolute; top:11px; right:15px; display:inline-block; width:13px; height:13px; line-height:13px; font-size:12px; color:#929292; text-align:center; transition:all 0.3s ease 0s;}
.menu_nav dd em{ color:#555;}
.menu_nav dd>a{ display:block; padding:0 15px;}
.menu_nav dd>a i{ vertical-align:middle;}
.menu_nav dd>a em{ padding-left:15px; vertical-align:middle;}
.menu_nav dd>ul{ display:none;}
.menu_nav dd>ul>li>a{ padding-left:43px;}
.menu_nav dd>ul>li>ul li a{ padding-left:61px;}
.menu_nav dd>ul>li>ul{ display:none;}
.menu_nav dd.open>a,.menu_nav dd.open>a em{ color:#f56c35;}
.menu_nav dd.open>a .more,.menu_nav dd>ul>li.open>a .more{top:10px; transform:rotate(90deg);}
.menu_nav dd>ul>li.open>a em{ color:#000;}
.menu_nav dd.active,.menu_nav dd li.active a{ background-color:#fef3ee;}
.menu_nav dd li.active a em,.menu_nav dd.active a em,.menu_nav dd.active a i{ color:#f56c35;}
.shrink .menu{ width:43px;}
.shrink .menu .menu_nav dd ul{ display:none !important;}
/*.shrink .menu .menu_nav dd.active{ background-color:transparent;}*/
.shrink .menu .search_con{ border-bottom:1px solid #ddd;}
.shrink .menu .search_con i{ font-size:14px;}
.shrink .menu .search_con .text{ display:none;}


.main{ width:100%; height:100%; padding:41px 0 0 43px;}
.main_body{ width:100%; height:calc(100% - 32px);}
.crumbs{ overflow:hidden; width:100%; height:32px; padding:0 15px; border-bottom:1px solid #ddd; background-color:#fff;}
.crumbs .crumbs_left{ display:inline; float:left; width:460px; line-height:31px;}
.crumbs .crumbs_left i{ font-size:16px; color:#f07543; vertical-align:middle;}
.crumbs .crumbs_left span{ font-size:14px; vertical-align:middle;}
.crumbs .crumbs_left span em{ padding:0 5px;}
.crumbs .crumbs_right{ display:inline; float:right; width:calc(100% - 460px); font-size:14px;}
.crumbs .crumbs_right .marquee{ line-height:30px; margin-right:10px; color:#f12525; font-size:14px;}
.crumbs .crumbs_right i{ margin-right:5px;}
.main_con{ overflow:auto; position:absolute; top:10px; left:10px; bottom:10px; right:10px;}
.main_con.gapnone{ top:0; left:0; bottom:0; right:0;}
.main_con.minwidth{ min-width:1200px;}
.main_con.bgwhite{ border:1px solid #ddd; background-color:#fff;}
.main_con.hidden{ overflow:hidden;}
.main_con.auto{ overflow:auto;}
.main_con.bgfff{ background-color:#fff;}
.PageForm,.cmxform{ width:100%; height:100%;}

/* 首页 */
.home_box{ position:absolute; top:50%; left:50%; width:1000px; height:540px; margin-top:-270px; margin-left:-500px; text-align:center;}
.home_box .logo{ position:relative; overflow:hidden; display:block; width:273px; height:128px; line-height:128px; margin:0 auto; border-radius:3px; text-align:center; cursor:pointer;}
.home_box .logo .edit{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; line-height:normal; padding-top:38px; background:rgba(0,0,0,0.5); color:#fff; transition:all 0.3s ease 0s;}
.home_box .logo .edit i{font-size:25px; }
.home_box .logo .edit span{ display:block; line-height:22px; font-size:14px;}
.home_box .logo:hover .edit{ display:block;}
.home_box .search{ overflow:hidden; position:relative; width:700px; height:53px; margin:42px auto 0;}
.home_box .search .text{ width:100%; height:53px; line-height:53px; padding:0 63px 0 20px; border:1px solid #f1f3f4; border-radius:27px; background-color:#f1f3f4; font-size:16px; color:#000;}
.home_box .search a{ position:absolute; top:0; right:0; display:inline-block; width:53px; height:53px; line-height:53px; font-size:20px; color:#f56c35; text-align:center;}
.home_box .func_nav{ padding-top:43px; text-align:center;}
.home_box .func_nav li{ display:inline-block; width:92px; margin:0 30px;}
.home_box .func_nav li a{ display:block;}
.home_box .func_nav li em{ display:inline-block; width:63px; height:63px; line-height:63px; border-radius:50%; background-color:#f2f3f5;}
.home_box .func_nav li em i{ width:36px; height:36px;}
.home_box .func_nav li p{ padding-top:10px; font-size:16px; color:#333;}
.home_box .func_nav li a:hover em{ opacity:0.9;}
.home_box .itembox{ overflow: hidden; height: 100%; border-radius: 4px; background-color: #fff;}
.home_box .itembox .tit{ overflow: hidden; padding: 0 50px;}
.home_box .itembox .tit h2{ display: inline; float: left; padding: 5px 0; font-size: 16px; color: #ff7516;}
.home_box .itembox .tit a{ padding: 5px 0;}
.home_box .itembox .tit a.green{ color: #05b031;}
.home_box .itembox .tit a.other i{ color: #f56c35;}
.home_box .itembox .tit .opration{ display: inline-block; margin-top: 10px;}
.home_box .itembox .tit .opration a{ margin-left: 10px; font-size: 18px; color: #ff7516;}

/* 快捷菜单 */
.quickmenu_box{ width: 100%; margin: 30px 0;}
.quickmenu_wrap{ position: relative; padding: 20px 0;}
.quickmenu_wrap .list{ position: relative;}
.quickmenu_wrap .list li{ position: relative; display: inline; float: left; width: 100px; height: 50px; line-height: 50px; text-align: left;}
.quickmenu_wrap .list li a{ overflow: hidden; display: block; width: 68px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis;}
.quickmenu_wrap .list li .delete{ position: absolute; top: -5px; right: 2px; cursor: pointer;}
.quickmenu_wrap .list li .delete i{ font-size: 14px; color: #e60012;}
.quickmenu_wrap .list li a span{ font-size: 14px; color: #666;}

/* 首页 */
.agenthome_box{ width: 100%;}
.agenthome_box .logo{ position:relative; overflow:hidden; display:block; width:230px; height:128px; line-height:128px; margin: 0 15px 0 0; border-radius:3px; text-align:center; cursor:pointer;}
.agenthome_box .logo .edit{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; line-height:normal; padding-top:38px; background:rgba(0,0,0,0.5); color:#fff; transition:all 0.3s ease 0s;}
.agenthome_box .logo .edit i{font-size:25px; }
.agenthome_box .logo .edit span{ display:block; line-height:22px; font-size:14px;}
.agenthome_box .logo img{ width: 100%;}
.agenthome_box .logo:hover .edit{ display:block;}
.agenthome_box .search{ overflow:hidden; position:relative; width:700px; margin:35px auto 0;}
.agenthome_box .search p{ padding: 0 0 15px 10px; font-size: 16px; color: #333;}
.agenthome_box .search .text{ width:100%; height:63px; line-height:63px; padding:0 63px 0 20px; border:2px solid #f56c35; border-radius:7px; background-color:#fff; font-size:16px; color:#000;}
.agenthome_box .search a{ position:absolute; top: 0; right:0; display:inline-block; width:63px; height:63px; line-height:63px; border-radius:0 7px 7px 0; background-color:#f56c35; font-size:26px; color: #fff; text-align:center;}
.agenthome_box .func_list li{ display: inline; float: left; width: 80px; margin: 20px 10px 0; text-align: center;}
.agenthome_box .func_list li .squire{ display: inline-block; width:43px; height: 43px; line-height: 43px; border-radius: 5px; background: #fdf1e9; text-align: center; }
.agenthome_box .func_list li i{ display: inline-block; width:30px; height: 32px; border-radius: 4px; background:url(../images/agenthome_icon.png?v=1.2) no-repeat; vertical-align: middle;}
.agenthome_box .func_list li i.todaynum_icon{ background-position:-11px -161px;}
.agenthome_box .func_list li i.pick_icon{ background-position:-125px -163px;}
.agenthome_box .func_list li i.numRec_icon{ background-position:-237px -161px;}
.agenthome_box .func_list li i.usermanager_icon{ background-position:-360px -161px;}
.agenthome_box .func_list li i.mapmarker_icon{ background-position:-474px -161px;}
.agenthome_box .func_list li i.dataanalysis_icon{ background-position:-587px -161px;}
.agenthome_box .func_list li p{ padding-top: 6px;}
.agenthome_box .row{ width: 100%; margin-bottom: 10px;}
.agenthome_box .row .area{ padding: 0 20px; border-radius: 10px; background-color: #fff;}
.agenthome_box .row .area.fullwidth{ width: 100%;}
.agenthome_box .row .quick_area{ width: calc(100% - 405px); height: 230px;}
.agenthome_box .row .area .hd{ height: 50px; line-height: 50px; margin-bottom: 10px; overflow: hidden;}
.agenthome_box .row .area .hd h2{ display: inline; float: left; padding: 5px 0; font-size: 16px; color: #333;}
.agenthome_box .row .area .hd .line{ width: 1px; height: 12px; margin: 0 10px; border-left: 1px dotted #ddd;}
.agenthome_box .row .area .hd .tag{ display: inline-block; height: 23px; line-height: 23px; margin: 17px 0 0 0; padding: 0 10px; border-radius: 10px; background-color: #FFF4EE; font-size: 14px; color: #FF7517; cursor: pointer;}
.agenthome_box .row .area .hd .tag i{ display: inline-block; margin: 6px 0 0 5px; font-size: 10px;  vertical-align: top;}
.agenthome_box .row .quick_area .quickmenu_wrap{ overflow: hidden; padding: 0;}
.agenthome_box .row .quick_area h3{ position:absolute; top: 0; left:0; width: 106px; height: 32px; line-height: 32px; text-align: left; font-size: 16px; color: #333;}
.agenthome_box .row .quick_area .list{ padding: 0 50px 0 0;}
.agenthome_box .row .quick_area .list li{ position: relative; display: inline; float: left; height: 42px; line-height: 42px; text-align: left;}
.agenthome_box .row .quick_area .list li a{ overflow: hidden; display: block; width: 80px; margin: 0 auto; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #333;}
.agenthome_box .row .quick_area .list li .delete{ position: absolute; top: -5px; right: 2px; cursor: pointer;}
.agenthome_box .row .quick_area .list li .delete i{ font-size: 14px; color: #e60012;}
.agenthome_box .row .quick_area .list li a span{ font-size: 16px; color: #333;}
.agenthome_box .quick_area .opration a{ margin-left: 10px; font-size: 18px; color: #ff7516;}
.agenthome_box .row .numtotal_area{ width: 395px; height: 230px;}
.numtotal_area .con{ height: 120px; overflow: hidden;}
.numtotal_area .con .list{ overflow: hidden; height: 120px;}
.numtotal_area .con .list .item{ display: inline; float: left; width: 175px; height: 60px; line-height: 60px; text-align: center;}
.numtotal_area .con .list .item a{ font-size: 22px; color: #ff7516;}
.numberset_con{ width: 100%;}
.numberset_con .list{ width: 100%; overflow: hidden;}
.numberset_con .list .item{ position: relative; overflow: hidden; display: inline; float: left; width: 16.66%; height: 85px; padding: 7px 10px;}
/*.numberset_con .list .item .tip{position: absolute; left: 45px; top: 1px; font-size: 16px; color: #f2895a;}*/
.numberset_con .list .item .img{ display: inline; float: left; text-align: left;}
.numberset_con .list .item .img b{ display: inline-block; width: 45px; height: 45px;}
.numberset_con .list .item .img i.icon{ display: inline-block; width: 45px; height: 45px; background:url(../images/agenthome_icon.png?v=1.2) no-repeat;}
.numberset_con .list .item .img i.icon_wdyz{ background-position: 0 0;}
.numberset_con .list .item .img i.icon_jjsf{ background-position: -146px 0;}
.numberset_con .list .item .img i.icon_dkt{ background-position: -292px 0;}
.numberset_con .list .item .img i.icon_dcz{ background-position: -438px 0;}
.numberset_con .list .item .img i.icon_zlwtg{ background-position: -585px 0;}
.numberset_con .list .item .img i.icon_yghm{ background-position: -730px 0;}
.numberset_con .list .item .img i.icon_zcsy{ background-position: 0px -73px;}
.numberset_con .list .item .img i.icon_dxf{ background-position: -146px -73px;}
.numberset_con .list .item .img i.icon_yzt{ background-position: -292px -73px;}
.numberset_con .list .item .img i.icon_dwl{ background-position: -438px -73px;}
.numberset_con .list .item .img i.icon_dhw{ background-position: -586px -73px;}
.numberset_con .list .item .img i.icon_gndxf{ background-position: -730px -73px;}
.numberset_con .list .item .img em{ padding-left: 5px; font-size: 12px; color: #333;}
.numberset_con .list .item .num{ display: inline; float: left; padding: 10px 0 0 20px;}
.numberset_con .list .item .num em{ font-size: 20px;}


/* 添加快捷菜单弹窗 */
.quickmenu_layer{ width: 100%;}
.quickmenu_layer .quickmenu_lft{ position:absolute; top: 0; left: 0;}
.quickmenu_layer .quickmenu_lft li a{ display: block; width: 135px; height: 40px; line-height: 40px; padding: 0 20px; margin-top: -1px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; font-size: 14px; color: #333;}
.quickmenu_layer .quickmenu_lft li.active a{ background-color: #f56c35; color: #fff;}
.quickmenu_layer .quickmenu_rgt{ padding: 10px 10px 10px 145px;}
.quickmenu_layer .quickmenu_rgt li a{ display: inline; float: left; width: 90px; margin: 10px 0; padding: 0 3px; text-align: center;}
.quickmenu_layer .quickmenu_rgt li a i{ display: block; margin: 0 auto; font-size: 30px; color: #f56c35;}
.quickmenu_layer .quickmenu_rgt li a span{ display: block; padding: 3px 0; font-size: 12px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* 查询 */
.search_box{ position:relative; width:100%; border:1px solid #e6e6e6; background:#f9f9f9;}
.search_box .search_nav{ overflow:hidden; padding:0 0 7px 0;}
.search_nav ul{ overflow:hidden; clear:both;}
.search_nav .hidesearch{ display:none;}
.search_nav li{ display:inline; float:left; margin:7px 0 0 0;}
.search_nav li>label{ display:inline-block; min-width:75px; height:27px; line-height:27px; margin-left:10px; font-size:12px; color:#333; text-align:right; vertical-align:top;}
.search_nav li .text,.search_nav li .select{ width:138px;}
.search_nav li .date,.search_nav li .minwidth{ width:95px;}
.search_nav li .radio{ display:inline-block; height:27px; line-height:27px;}
.search_nav li .radio input{ margin-right:5px;}
.search_nav li .number{ display:inline-block; width:138px; height:27px; line-height:27px; border:1px dashed #ffcfbc; border-radius:2px; font-size:16px; color:#f56c35; text-align:center;}
.search_box .search_btn{ display:inline; float:left; font-size:0;}
.search_box .search_btn .btn{ margin-left:12px; padding:4px 5px;}
.search_box .search_btn .btn .ft-lightarwbtm{ transition:all 0.3s ease 0s;}
.search_box .search_btn .open .ft-lightarwbtm{ transform:rotate(-180deg);}
.search_radio{ padding-top:10px; font-size:0;}
.search_radio label{ display:inline-block; width:75px; line-height:27px; margin-right:10px; padding-right:5px; font-size:12px; color:#333; text-align:right; vertical-align:top;}
.search_radio a{ display:inline-block; height:23px; line-height:23px; margin-right:10px; padding:0 15px; border:1px solid #e6e6e6; border-radius:3px; font-size:12px;}
.search_radio a.active{ border-color:#f56c35; background-color:#f56c35; color:#fff;}


.row{ overflow:hidden; clear:both;}
.box{ box-shadow:0 0 1px 0 rgba(128,128,128,0.1); width:100%; margin:0 0 10px; border:1px solid #ddd;}
.box.widthfix{ max-width:1360px; margin:10px auto 0;}
.box.box_lft{ width:calc(50% - 5px);}
.box.box_rgt{ width:calc(50% - 5px);}
.box>.tit{ position:relative; width:100%; height:32px; border-bottom:1px solid #ddd; background-color:#f4f4f4;}
.box>.tit h2{ display:inline-block; line-height:31px; padding:0 15px; font-size:14px; font-weight:bold; color:#000;}
.box>.tit h2:before{ display:inline-block; width:2px; content:""; height:14px; margin:8px 12px 0 0; background-color:#f56c35; vertical-align:top;}
.box>.tit h2 .statue{ display:inline-block; line-height:normal; margin-left:3px; padding:2px 3px; border:1px solid #e6e6e6; border-radius:3px; background-color:#fff; font-size:12px;}
.box>.tit h2 .statue i{ margin-right:3px; font-size:14px; vertical-align:middle;}
.box>.tit .btn{ float:right; margin:3px 10px 0 0;}
.box>.tit .btn i{ color:#f56c35;}
.box>.tit .updown{ float:right; height:31px; line-height:31px; padding:0 10px; border-left:1px solid #e6e6e6; text-align:center;}
.box>.tit .updown i{ display:inline-block; font-size:16px; color:#333; vertical-align:middle; transition:all 0.3s ease 0s;}
.box>.tit .updown:hover{ background-color:#f0f0f0;}
.box>.tit.up{ border-bottom:0 none;}
.box>.tit.up .updown i{ transform:rotate(-180deg);}
.box>.tit .month{ float:right; padding:6px 8px; color:#ddd;}
.box>.tit .month a{ display:inline-block; margin:0 10px; padding:2px 5px; border-radius:2px; font-size:12px;}
.box>.tit .month a.active{ background-color:#f56c35; color:#fff;}
.box>.tit .month a:hover{ color:#f56c35;}
.box>.tit .month a.active:hover{ opacity:0.9; color:#fff;}
.box>.con,.box_lft>.con,.box_rgt>.con{ padding:15px 0; background-color:#fff;}
.box>.con.pd0{ padding:0;}
.box .more{ display:block; width:125px; height:25px; line-height:25px; margin:15px auto 5px; border:1px solid #e6e6e6; border-radius:3px; background-color:#eee; font-size:13px; color:#f56c35; text-align:center;}
.box.fixed{ box-shadow:0 1px 1px rgba(0,0,0,0.1); position:fixed; top:0; left:0; right:0; border:0 none; width:auto; z-index:99;}
.box>.con .conditions_nav{ padding:0 30px;}
.box>.con .conditions_nav li>.label,.box>.con .conditions_nav li>span{ height:27px; line-height:27px; font-size:12px; color:#333;}
.box>.con .conditions_nav li>span label{ display:inline-block; min-width:80px;}
.box>.con .conditions_nav li>span label input{ margin-right:5px; vertical-align:middle;}
.box>.con .conditions_nav li>span label em{ vertical-align:middle;}

.group_info{ overflow:auto; width:100%; height:calc(100% - 60px);}
.group_info.full_height{ height: 100%;}
.group_btn{ width:100%; height:60px; line-height:60px; padding:0 180px; border-top:1px solid #e6e6e6; background-color:#f2f2f2; text-align:left;}
.group_btn .btn{ margin:0 10px; padding:7px 20px; vertical-align:middle;}
.group{ overflow:hidden; padding:10px 20px; clear:both;}
.group.visible{ overflow: visible}
.group .tit{ overflow:hidden; padding:10px; border-bottom:1px solid #e6e6e6;}
.group .tit.bordernone{ border:0 none;}
.group .tit h2{ display:inline; float:left; font-size:14px; font-weight:bold; color:#333;}
.group .tit h2:before{ display:inline-block; width:3px; content:""; height:14px; margin-right:10px; background-color:#f56c35; vertical-align:middle;}
.group .tit .fr{ display:inline; float:right;}
.group .con{ clear:both; max-width:1200px; padding:20px 0 0;}
.group .con.maxnone{ max-width:none;}
.group .con.padding0{ padding:0;}
.group .con .nav{ clear: both;}
.group .con .nav > ul > li,.box>.con .conditions_nav li{ width:100%; min-height:40px; position:relative;}
.box>.con .conditions_nav li.col_3{ display: inline; float: left; width: 33.33%}
.group .con .nav > ul > li.clear{ clear: both;}
.group .con .nav > ul > li.col_3{ display: inline; float: left; width: 33.33%;}
.group .con .nav > ul > li.col_3 .content .text,.group .con .nav > ul > li.col_3 .content .select,.group .con .nav > ul > li.col_3 .content .unit_box{ width: 100%;}
.group .con .nav > ul > li>.label{ position:absolute; top:0; left:0; display:block; width:165px; height:27px; line-height:27px; font-size:12px; color:#333; text-align:right;}
.group .con .nav > ul > li>.label em{ padding-right:5px;}
.group .con .nav > ul > li .content{ margin-bottom:5px; padding-left:170px; font-size:0;}
.group .con .nav > ul > li .content .ControlView{ font-size: 12px; margin-left: 5px;}
.group .con .nav > ul > li .content .unit_box,.group .con .nav > ul > li .content .num_box{ position:relative; width:280px;}
.group .con .nav > ul > li .content .unit_box.inlineblock,.group .con .nav > ul > li .content .num_box.inlineblock{ display:inline-block;}
.group .con .nav > ul > li .content .unit_box .text{ padding-right:100px;}
.group .con .nav > ul > li .content .num_box .text{ padding:0 50px; text-align:center;}
.group .con .nav > ul > li .content .num_box span{ position:absolute; top:1px; display:inline-block; height:25px; line-height:25px; padding:0 10px; background-color:#f2f2f2; font-size:16px; color:#333; cursor:pointer;}
.group .con .nav > ul > li .content .num_box span.minus{ left:1px; border-right:1px solid #e6e6e6;}
.group .con .nav > ul > li .content .num_box span.add{ right:1px; border-left:1px solid #e6e6e6;}
.group .con .nav > ul > li .content .text,.group .con .nav > ul > li .content .select,.group .con .nav > ul > li .content .textarea{ width:280px;}
.group .con .nav > ul > li .content .miniwidth{ width:95px;}
.group .con .nav > ul > li .content .minwidth{ width:133px;}
.group .con .nav > ul > li .content .midwidth{ width:200px;}
.group .con .nav > ul > li .content .maxwidth{ width:586px;}
.group .con .nav > ul > li .content .maxheight{ height:200px;}
.group .con .nav > ul > li .content .fullwidth{ width: 100%;}
.group .con .nav > ul > li .content .to{ display:inline-block; width:14px; line-height:27px; text-align:center; font-size:12px; vertical-align:middle;}
.group .con .nav > ul > li .content .txt{ display:inline-block; line-height:18px; padding:4px 0 5px; font-size:12px; color:#000; vertical-align:middle;}
.group .con .nav > ul > li .content .txt pre{ white-space:normal;}
.group .con .nav > ul > li .content .radio_box label{ display:inline-block; line-height:27px; margin-right:15px; font-size:12px;}
.group .con .nav > ul > li .content .radio_box label input{ margin-right:3px;}
.group .con .nav > ul > li .content .radio_box label input,.group .con .nav > ul > li .content .radio_box em{ vertical-align:middle;}
.group .con .nav > ul > li .content .btn{ padding:5px 8px; font-size:12px; vertical-align:top; color:#006eff;}
.group .con .nav > ul > li .content .file_con{ position:relative; display:inline-block; width:280px;}
.group .con .nav > ul > li .content .file_con.minwidth{ width:200px;}
.group .con .nav > ul > li .content .file_con .file{ opacity:0; position:absolute; top:0; left:0; z-index:9; width:100%; height:27px;}
.group .con .nav > ul > li .content .file_con .text{ width:100%;}
.group .con .nav > ul > li .content .file_con .btn{ position:absolute; top:0; right:0; height:27px; line-height:27px; padding:0 10px;}
.group .con .nav > ul > li .content .btn i{ margin:0; color:#f56c35;}
.group .con .nav > ul > li .content .link{ display:inline-block; margin-left:10px; font-size:12px;}
.group .con .nav > ul > li .content .img_box .img{ width:27px; height:27px; margin:0 5px; border:1px solid #e6e6e6;}
.group .con .nav > ul > li .content .img_box .btn{ padding-bottom:6px; vertical-align:middle;}
.group .con .nav > ul > li .content label,.group .con .nav > ul > li .content .img_box span{ display:inline-block; line-height:27px; padding:0 0 0 6px; font-size:12px; color:#333; vertical-align:middle;}
.group .con .nav > ul > li .content label.error{ color:#f02425;}
.group .con .nav > ul > li .content label input{ margin-right:3px; vertical-align:middle;}
.group .con .nav > ul > li .content label em{ vertical-align:middle;}
.group .con .nav > ul > li .content .labelblock{  display:inline-block; min-width:260px; background:#faf6f7;  margin:3px; padding:0 8px; border:1px solid #ddd; border-radius:2px;}
.group .con .nav > ul > li .content .unit{ position:absolute; top:1px; right:1px; display:inline-block; height:25px; line-height:25px; padding:0 10px; border-left:1px solid #e6e6e6; background-color:#f2f2f2; font-size:12px; color:#333;}
.group .con .nav > ul > li .content .prompttip{ display:inline-block; padding:4px 10px 5px; border:1px solid #f3d995; background-color:#fefcee; font-size:12px; color:#d58b00; vertical-align:middle;}
.group .con .nav > ul > li .content .spanval{ font-size: 12px; vertical-align: middle;}
.group .con .nav > ul > li .content .attach_id{ font-size: 12px;}
.group .con .nav > ul > li .content .ControlRetransmission,.group .con .nav > ul > li .content .preview,.group .con .nav > ul > li .content .ControlDown{ display: inline-block; margin-left: 8px; font-size: 12px; vertical-align: middle;}
.group .con .nav > ul > li .content .preview i,.group .con .nav > ul > li .content .ControlDown i{ color:#f56c35; margin-right: 2px;}
.group .con .nav > ul > li .content .ControlRetransmission{ color: #333;}
.group .con .nav > ul > li .tip{ display:block; line-height:13px; padding: 5px 0 7px; font-size:12px; color:#999; vertical-align:middle;}
.group .con .nav.col_2 > ul > li{ display:inline; float:left; width:50%;}
.group .con .nav > ul > li.line,.group .con .nav.col_2 li.line{ clear:both; width:100%; margin:20px 0; border-bottom:1px solid #ddd;}
.group .con .nav > ul > li.clear{ width:100%; clear:both;}
.group .con .box_nav{ overflow:hidden; clear: both; padding: 10px 20px 0 100px;}
.group .con .box_nav .item{ position: relative; width: 460px; padding-right: 35px;}
.group .con .box_nav .item .nav{ padding: 20px 10px; margin: 0 0 20px; border: 1px solid #e6e6e6; border-radius: 8px;}
.group .con .box_nav .item .nav > ul > li>.label{ width: 75px;}
.group .con .box_nav .item .nav > ul > li .content{ padding-left: 90px;}
.group .con .box_nav .item .delete_btn{ position: absolute; bottom: 0; right: 0;}
.group .con .box_nav .item .delete_btn i{ font-size: 16px;}
.group .con .box_nav .item .add_btn{ display: table; width: 26px; height: 26px; line-height: 26px; border-radius: 50%; background: #65da70; text-align: center;}
.group .con .box_nav .item .add_btn i{ display: table-cell; font-size:14px; color: #fff;}
.group .btn_con{ padding-left:170px;}
.group .btn_con .btn{ margin-right:10px; padding:5px 15px;}
.group .con .promptinfo_box{ margin:0 35px 20px;}
.telephonenum_nav{ position:relative; padding-bottom:10px; overflow:hidden;}
.telephonenum_nav li{ position:relative; display:inline; float:left; margin:5px 10px; border:1px dashed #fcbc77; text-align:center;}
.telephonenum_nav li.floatnone{ float:none;}
.telephonenum_nav li.nummore:hover{ color:#f56c35;}
.telephonenum_nav li>a,.telephonenum_nav li.nummore{ overflow:hidden; display:block; width:156px; height:30px; line-height:30px; border:1px dashed #fcbc77; background-color:#fff; font-size:16px; color:#333; transition:all 0.3s ease 0s;}
.telephonenum_nav li.nummore{ width:100px; text-align:center; cursor:pointer;}
.telephonenum_nav li.active a{ background-color:#f56c35; font-weight:bold; color:#fff;}
.telephonenum_nav li.hideInfo{ display:none;}
.telephonenum_nav li>span{display:inline-block; width:100%; font-size:18px; text-align:center;}
.telephonenum_nav li>a em{ display:inline-block; width:38px; font-size:14px; font-weight:bold; color:#f56c35; text-align:center; cursor:pointer;}
.telephonenum_nav li>a:hover{ font-weight:bold; color:#f56c35;}
.telephonenum_nav li>a:hover span{ width:110px;}
.telephonenum_nav li.active>a:hover{ color:#fff;}
.picknum_nav{ position:relative; padding-bottom:10px; overflow:hidden;}
.picknum_nav li{ overflow:hidden; position:relative; display:inline; float:left; width:210px; height:140px; margin:5px; border:1px dashed #fcbc77; text-align:center;}
.picknum_nav.seckill li{ height:132px;}
.picknum_nav li.active a{ background-color:#f56c35; font-weight:bold; color:#fff;}
.picknum_nav li>span{display:inline-block; width:100%; margin-top:10px; font-size:24px; color:#f56c35; text-align:center;}
.picknum_nav li.active:hover{ color:#fff;}
.picknum_nav li .telephonenum_info{ padding-top:5px;}
.picknum_nav li .telephonenum_info p{ clear:both; width:100%; height:18px; line-height:18px;}
.picknum_nav li .telephonenum_info p label{ float:left; width:40%; color:#333; text-align:right;}
.picknum_nav li .telephonenum_info p span{ float:left; width:60%; color:#333; text-align:left;}
.picknum_nav li .telephonenum_info p span.linethrough{ text-decoration: line-through;}
.picknum_nav li .telephonenum_info p span.seckillprice{ font-size: 16px; color: #e61e37;}
.picknum_nav li .telephonenum_info p.gray,.picknum_nav li .telephonenum_info p.gray span{ color:#999;}
.picknum_nav li .telephonenum_hover{ position:absolute; top:140px; left:0; width:100%; height:100%; background-color:rgba(255, 247, 237,1.0);}
.picknum_nav.seckill li .telephonenum_hover{ top:170px;}
.picknum_nav li .telephonenum_hover p{ padding:32px 0 20px 0; font-size:24px; color:#f56c35;}
.picknum_nav.seckill li .telephonenum_hover p{ padding-top: 45px;}
.picknum_nav li .telephonenum_hover em{ display:inline-block; padding:3px 30px; border-radius:5px; background-color:#f56c35; font-size:14px; font-weight:bold; color:#fff; text-align:center; cursor:pointer;}
/* .picknum_nav li:hover>span{ visibility:hidden;} */
.picknum_nav li .telephonenum_hover p .hide{ display: none;}
.picknum_nav li .telephonenum_hover p .copy{ position: absolute; top: 0; right: 0; width: 30px; height: 18px; line-height: 18px; border-radius: 2px; background-color: #f56c35; font-size: 12px; font-weight: normal; color: #fff; cursor: pointer;}
.picknum_nav li:hover .telephonenum_hover{ top:0; z-index:99;}
.picknum_nav .telephonenum_list{ border:1px solid #e6e6e6;}
.picknum_nav .hot{ position:absolute; top:-6px; left:10px; display:block; width:50px; height:31px;}
.picknum_nav .hot i{ width:50px; height:31px; padding:3px 0 0 10px; font-size:16px; color:#fff; vertical-align:top;}
.haspick_list{ overflow: hidden; clear: both; padding: 10px 0;}
.haspick_list ul{ display: inline; float: left;}
.haspick_list li{ display: inline; float: left; margin: 0 5px;}
.haspick_list li a{ display: inline-block; line-height: 22px; padding: 0 7px; background-color: #fef9f2;  border: 1px solid #fcbc77; font-size: 12px; color: #f57004;}
.haspick_list li a i{ display: inline-block; font-size: 12px; margin: 5px 0 0 10px; vertical-align: top;}


/* 号码概览 */
.info_nav{ overflow:hidden;}
.info_nav li{ display:inline; float:left; height:30px; line-height:30px; padding:0 30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.info_nav.col_3 li{width:33.33%;}
.info_nav.col_4 li{width:25%;}
.info_nav li.clear{ width:100%; height:auto; clear:both;}
.info_nav li label,.info_nav li span{ font-size:14px; vertical-align:middle;}
.info_nav li label{ color:#000;}
.info_nav li span{ padding-right:10px; color:#000;}
.info_nav li span a{ display:none; margin-left:10px;}
.info_nav li .note:hover a{ display:inline-block;}
.info_tit{ overflow:hidden; clear:both; padding:5px 30px;}
.info_tit h2{ display:inline; float:left; font-size:14px; color:#333;}
.info_tit>span{ float:right; margin-left:5px;}
.info_tit>span .record_a{ margin-left:10px;}
.info_table{ overflow:auto; width:100%; padding:0 30px;}
.info_table table{ width:100%; table-layout:fixed;}
.info_table table.layoutauto{ table-layout:auto;}
.info_table tr th,.info_table tr td{ overflow:hidden; font-size:14px; color:#000; text-align:left; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.info_table tr th{ height:30px; padding:0 20px; border:1px dashed #e6e6e6; background-color:#fff; font-weight:bold;}
.info_table tr td{ padding:5px 20px; border:1px dashed #e6e6e6;}
.info_table tr:hover td{ background-color:#fff8df;}
.info_table tr td .btn{ margin-right:8px;}
.info_table tr td .btn i{ color:#f56c35;}
.info_table.recharge tr th,.info_table.recharge tr td{ font-size: 13px; color: #333; text-align: center;}
.info_table tr.failed td{ color: #f12525;}
.info_nav li.hideInfo,.info_table tr.hideInfo{ display:none;}
.info_nav li .textarea{ width:80%; height:80px; vertical-align:top;}


/* 增值功能*/
.valueadded_con{ position:relative; overflow:hidden; width:100%; height:170px; padding:10px 30px;}
.valueadded_con .prev_a,.valueadded_con .next_a{ position:absolute; top:0; bottom:0; display:block; width:30px; line-height:170px; background:#f2f2f2; text-align:center;}
.valueadded_con .prev_a{ left:0; border-right:1px solid #e6e6e6;}
.valueadded_con .next_a{ right:0; border-left:1px solid #e6e6e6;}
.valueadded_con .prev_a i,.valueadded_con .next_a i{ font-size:20px; color:#999;}
.valueadded_con .prev_a:hover i,.valueadded_con .next_a:hover i{ color:#f56c35;}
.valueadded_con .valueadded_list{ overflow:hidden; position:relative; width:100%; height:170px; margin:0 auto;}
.valueadded_con .valueadded_list ul{ position:absolute; top:0; left:0; overflow:hidden; height:170px;}
.valueadded_con .valueadded_list li{ position:relative; display:inline; float:left; width:150px; margin:10px 0; text-align:center; cursor:pointer;}
.valueadded_con .valueadded_list li>.icon{ width:57px; height:57px; line-height: 57px; border-radius: 50%; background-image: none; background-color: #f5f3f6; color: #828182; font-family: "extraFonts" !important; font-size: 30px;}
.valueadded_con .valueadded_list li>.icon:before{ text-shadow: 1px 0 0 rgba(0,0,0,0.1);}
.valueadded_con .valueadded_list li>p{ padding-top:10px; font-size:13px; color:#333;}
.valueadded_con .valueadded_list li>.btn{ margin-top:15px;}
.valueadded_con .valueadded_list li .ft-tip{ position:absolute; top:3px; right:43px; font-size:14px; color:#f12525;}
.valueadded_con .valueadded_list li.active .icon{ background: linear-gradient(to right,#ffb48f,#ff8548); color: #fffefe; }

/* 图表 */
.chart_box{ overflow:hidden;}
.chart_box .chart_con{ width:50%; min-height:300px;}
.chart_box .chart_con.width_100{ width:100%;}
.chart_box .progress_chart{ width:100%; padding-bottom:30px;}
.chart_box .hd{ height:45px; line-height:45px; font-size:14px; font-weight:bold; text-align:center;}
.chart_box .hd em{ padding:0 3px; font-size:18px; font-weight:bold;}
.chart_box .chart_con .bd{ height:300px;}
.chart_box .bd .progress_box{ padding:0 50px;}
.chart_box .bd .progress_box .con{ height:20px; line-height:20px; text-align:right; color:#fff;}
.chart_box .bd .progress_box .con .bar{ border-radius:10px;}
.chart_box .bd .progress_box .progress_tip{ padding-top:20px; font-size:14px; text-align:center;}

.activenum{ display:inline-block; height:27px; line-height:27px; margin:0 0 10px; padding:0 19px; border:1px dashed #f56c35; border-radius:2px; background-color:#fff; font-size:16px; color:#f56c35;}
.activenum.fixed{ box-shadow:0 0 3px rgba(0,0,0,0.2); position:fixed; z-index:99;}

/* 广告图 */
.advertise_box{ overflow:hidden; width:100%; height:172px; margin-bottom:10px; border:1px solid #e6e6e6; border-radius:3px; background:#e94536 url(../images/adspicture.jpg) no-repeat top center;}

/* 号码状态 */
.numstate_nav{ overflow:hidden;}
.numstate_nav li{ display:inline; float:left; width:12.5%; border-right:1px solid #e6e6e6; text-align:center;}
.numstate_nav li:last-child{ border-right:0 none;}
.numstate_nav li a{ display:block;}
.numstate_nav li span{ font-size:12px; color:#666;}
.numstate_nav li span em{ padding-left:2px; font-size:24px;}
.numstate_nav li p{ padding-top:3px; font-size:13px; color:#666;}

.target_box{ overflow:hidden; padding:0 50px 20px;}
.target_box > span{ font-size:14px;}
.target_box .level{ display:inline-block; margin-left:5px; padding:2px 5px;}
.target_box .progress_box{ position:relative; padding:20px 0 20px 0;}
.target_box .progress_box h2{ position:absolute; top:49px; left:0; width:80px; font-size:14px; color:#333;}
.target_box .progress_box .con{ height:15px; line-height:15px; border-radius:8px;}
.target_box .progress_box .con .bar{ padding-right:6px; border-radius:8px; text-align:right; font-size:14px; color:#fff;}
.target_box .progress_box .con .bar.failed{ background-color:#f12525;}
.target_box .progress_box .con .bar.danger{ background-color:#f5cb10;}
.target_box .progress_box .info{ font-size:12px; color:#666; text-align:right;}
.target_box .progress_box .info em{ padding:0 5px; font-size:22px;}
.target_box .progress_box .txt span{ font-size:14px; color:#333;}

/* 销售排行榜 */
.sales_table table{ width:100%;}
.sales_table th,.sales_table td{ padding:15px 30px; font-size:14px; color:#333; text-align:center;}
.sales_table th.tl,.sales_table td.tl{ text-align:left;}
.sales_table td .numstate_nav li{ float:none; display:inline-block; width:120px;}
.sales_table td .numstate_nav li span em{ font-size:18px;}
.sales_table td .numstate_nav li p{ font-size:12px;}
.sales_table td .ranking_con{ padding:0 10px;}
.sales_table td .ranking_con i{ width:24px; height:36px; margin-right:10px;}
.sales_table td .ranking_con em{ box-shadow:0 0 3px rgba(245,108,53,0.2); display:inline-block; width:24px; height:24px; line-height:24px; margin-right:10px; border-radius:50%; background-color:#fff2ec; font-weight:bold; color:#f56c35; text-align:center;}
.sales_table td .progress_box{ position:relative; padding-right:80px;}
.sales_table td .progress_box .con{ height:10px;}
.sales_table td .progress_box .con .bar.failed{ background-color:#f12525;}
.sales_table td .progress_box .con .bar.danger{ background-color:#f5cb10;}
.sales_table td .progress_box .value{ position:absolute; top:-3px; right:10px; font-size:14px;}

/* 选号 */
.picktab_head{ width: 500px; height: 48px; margin: 15px auto 10px; padding: 5px 5px 0; border-radius: 6px; background: linear-gradient(to right,#ebebea,#eaebe0);}
.picktab_head ul{ display: flex; flex-direction: row; justify-content: space-between; white-space: nowrap;}
.picktab_head li{ display: inline; float: left; position: relative;}
.picktab_head li a{ display: block; height: 38px; line-height: 38px; border-radius: 6px; padding: 0 27px; font-size: 16px; color: #3a3d40;}
.picktab_head li.new a:after{ position: absolute; top: 1px; right: 0; display: inline-block; content: ""; width: 30px; height: 14px; background:url(../images/new_icon.png) no-repeat;}
.picktab_head li.active a{ background: linear-gradient(to right,#f56c35,#f58b35); color: #fff;}
.picktab_head li.new.active a:after{ display: none;}
.pick_box{ overflow: auto; height: calc(100% - 112px); padding:0 30px 30px;}
.pick_box .pick_con{ overflow:hidden; padding:10px 0;}
.pick_con ul,.pick_con .normalsearch,.pick_con .btncon,.pick_con .pickslide{ display:inline; float:left;}
.pick_con .pickslide{ padding-left:10px;}
.pick_con .pickslide .slide_a{ display:inline-block; line-height:33px;}
.pick_con .pickslide .slide_a:hover{ text-decoration:underline;}
.pick_con li{ display:inline; float:left; margin-right:8px;}
.pick_con li span{ display:block;}
.pick_con li .text,.pick_con li .num{ width:33px; height:33px; line-height:33px; border:1px solid #ddd; border-radius:2px; font-size:20px; text-align:center;}
.pick_con li .text{ color:#333;}
.pick_con li  .num{ color:#f56c35; font-weight:bold;}
.pick_con li .line{ width:18px; height:2px; margin-top:16px; background-color:#e6e6e6;}
.pick_con .normalsearch .text{ width:462px; height:33px; line-height:33px; padding:0 10px; border:1px solid #ddd; border-radius:2px; font-size:14px;}
.pick_con .btncon{ margin-left:60px;}
.pick_con .btncon .btn{ margin:0 0 0 10px; padding:7px;}
.pick_con .filter_toggle{ margin:7px 0 0 10px; color: #f56c35;}
.pick_con .filter_toggle em{ font-size: 14px; color: #f56c35; vertical-align: middle;}
.pick_con .filter_toggle i{ display: inline-block; margin: 0 0 0 5px; transform: rotate(90deg); font-size: 12px; color: #f56c35; vertical-align: middle;}
.pick_con .filter_toggle.open i{ transform: rotate(-90deg);}
.pick_con .slide_version{ margin: 7px 0 0 20px;}
.slide_version i,.slide_version em{ font-size: 14px; color: #f56c35;}
.pick_box .pick_hd{ overflow:hidden; padding-top:10px;}
.pick_hd li{ display:inline; float:left; padding:9px 20px; font-size:14px; cursor:pointer;}
.pick_hd li.active{ border-bottom:2px solid #f56c35; color:#f56c35;}
.pick_btncon{ clear:both; overflow:hidden;}
.pick_box .pick_tab{ position:relative; width:100%; height:350px; border:1px dashed #e6e6e6; overflow:hidden; transition: all 0.3s ease 0s;}
.pick_box .pick_bd{ padding:15px 0; margin-top:-1px;}
.pick_box .pick_bd li{ display:none;}
.pick_box .pick_bd li.dis{ display:block;}
.pick_box .pick_tab .pick_bd{ position:absolute; top:0; left:0; width:200%; border:0 none;}
.pick_box .pick_tab .pick_bd ul{ overflow: hidden; display:inline; float:left; width:50%; height:320px;}
.pick_box .pick_tab .pickswitch{ position:absolute; bottom:8px; right:30px;}
.pick_box .pick_tab .pickswitch a{ display:inline-block; width:159px; height:74px; background:url(../images/pick_tab_img.png) no-repeat;}
.pick_box .pick_tab .pickswitch a.ordinary{ background-position:0 0;}
.pick_box .pick_tab .pickswitch a.bestseller{ background-position:0 -126px;}
.pick_box .pick_tab .pickswitch a.dis{ display:none;}
.pick_box .pick_tab.open{ height: 430px;}
.pick_box .pick_tab.open .pick_bd ul{ height: auto;}
.pick_box .pickmore{ position: relative; top: -1px; width: 100px; padding: 5px 15px; margin: 0 auto; border: 1px dashed #ddd; border-top: 0 none; background: #f9f9f9; text-align: center;}
.pick_box .pickmore a{ display:block; font-size: 12px; font-weight: bold; color: #f56c35;}
.pick_box .pickmore i{ color: #f56c35;}
.pick_box .pickmore.open i:before{ content: "\e66b";}
.pick_btncon .line{ padding:0 10px; font-size:16px; color:#ddd; vertical-align:middle;}
.pick_btncon .btn i{ color:#f56c35;}
.pick_btncon .btnrc .btn i{ color:#333;}
.pick_btncon .btnrc .btn.active i{ color:#f56c35;}
.pick_list dd{ overflow:hidden; position:relative; font-size:12px; color:#333;}
.pick_list dd .label{ position:absolute; top:0; left:0; display:block; width:130px; height:31px; line-height:31px; padding-left:18px; font-size:13px; color:#333; text-align:right;}
.pick_list dd .con{ overflow:auto; min-height:27px; max-height:100px; margin:0 20px 0 145px; padding:0 10px 0 20px; border-left:1px dashed #e6e6e6;}
.pick_list dd .con a{ display:inline-block; min-width:45px; padding:5px; margin-right:10px; font-size:13px;}
.pick_list dd .con a.active{ color:#f56c35;}
.pick_list dd .con .text{ height:25px; line-height:25px; vertical-align: top;}
.pick_list dd .con .checkbox_con{  display: inline-block; padding: 5px;}
.pick_list dd .con .checkbox{ display: inline-block; line-height: normal; margin: 0 8px; font-size: 0px;}
.pick_list dd .con .checkbox input{ vertical-align: middle;}
.pick_list dd .con .checkbox em{ vertical-align: middle; font-size: 14px;}
.pick_info{ position:relative; width:100%; margin:15px 0;}
.pick_info h2{ position:absolute; top:43px; left:18px; font-size:12px; color:#333;}
.pick_info .picknum{ position:relative;}
.pick_info .picknum .prev,.pick_info .picknum .next{ position:absolute; top:128px; width:25px; height:75px; line-height:75px; border:1px solid #e6e6e6; background-color:#faf6f7; font-size:14px; text-align:center;}
.pick_info .picknum .prev i,.pick_info .picknum .next i{ font-weight:bold;}
.pick_info .picknum .prev{ left:0;}
.pick_info .picknum .next{ right:0;}
.pick_info .picknum .prev:hover,.pick_info .picknum_nav .next:hover{ border-color:#f56c35; color:#f56c35;}

/* 今日特号 */
.monitor_nav{ padding:3px 5px; overflow:hidden;}
.monitor_nav li{ display:inline; float:left; width:25%; margin-bottom:15px; padding:0 10px; cursor:pointer;}
.monitor_nav li .monitor_con{ position:relative; width:100%; height:145px; border:1px dashed #ffcfbc; border-radius:3px; padding:0 22px; background-color:#fffbf1;}
.monitor_con .hot{ position:absolute; top:-6px; left:10px; display:block; width:50px; height:31px;}
.monitor_con .hot i{ width:50px; height:31px; padding:3px 0 0 20px; font-size:16px; color:#fff; vertical-align:top;}
.monitor_con .ccdx{ float:right; padding-top:12px; font-size:14px; color:#333;}
.monitor_con p.num{ padding:38px 0 21px 0; font-size:26px; color:#333;}
.monitor_con .txt .monthcost,.monitor_con .txt .yearcost{ float:left; margin:5px 10px 0 0; padding:3px 8px; border-radius:3px;}
.monitor_con .txt .monthcost em,.monitor_con .txt .yearcost em{ font-size:18px;}
.monitor_con .txt .monthcost{ border:1px solid #fe7b00; color:#fe7b00;}
.monitor_con .txt .yearcost{ border:1px solid #f6262f; color:#f6262f;}
.monitor_con .txt .btn{ float:right; padding:8px 21px; border:0 none; background:linear-gradient(#f5242f,#fe492f);}
.monitor_con .txt .btn em{ font-size:16px; color:#fff;}
.monitor_con .txt .btn:hover{ background:linear-gradient(#fe492f,#f5242f);}

/* 批量操作 */
.batch_box{ height:36px; padding:0 5px; border:1px solid #e6e6e6; border-top:0 none; background-color:#fff;}
.batch_box .batch_con{ display:inline; float:left; padding-top:5px;}
.batch_con>a,.batch_con .more_con>a,.batch_box .custom_con>a{ display:inline-block; margin:0 5px; padding:3px 8px; font-size:13px; color:#333; cursor:pointer;}
.batch_con>a i,.batch_con .more_con>a i,.batch_box .custom_con>a i{ margin-right:3px; vertical-align:middle;}
.batch_con>a em{ vertical-align:middle;}
.batch_con>a:hover,.batch_con .more_con>a:hover{ color:#f56c35;}
.batch_con .line{ font-size:16px; color:#ddd;}
.batch_con .more_con>a .ft-lightarwbtm{ margin-left:3px; margin-right:0; font-weight:bold;}
.batch_con .more_con .more_nav li a i{ display:none;}
.batch_box .custom_con{ overflow:hidden; display:inline; float:right; padding-top:5px;}
.batch_box .custom_con .tips{ overflow:hidden; display:inline-block; line-height:26px; font-size:13px; color:#f6262f;}


/* 列表 */
#GridDiv{ border:1px solid #e6e6e6; border-top:0 none; overflow:hidden;}
#GridHeadDiv{ overflow:hidden; background-color:#ffefe8;}
#GridBodyDiv{ height:0; background-color:#fff;}
#GridHeadSDiv{ overflow:hidden;}
#GridHeadDiv table{ overflow:hidden;}
#GridBodyDiv table{ text-overflow:ellipsis;}
.TableBlock{ width:100%; table-layout:fixed; word-break:keep-all; white-space:nowrap; }
.TableBlock thead th,.TableBlock tbody td{ overflow:hidden; padding:5px 10px; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc; font-size:12px; color:#000; text-align:left; word-break:keep-all; white-space:nowrap;}
.TableBlock thead th{ background-color:#ffefe8; font-weight:bold; color:#111;}
.TableBlock thead th .sort{ display: inline-block; width: 15px; height: 13px; vertical-align: middle; position: relative;}
.TableBlock thead th .sort a{ position: absolute; right: 0; width: 0; height: 0; border-width: 5px; border-style: solid; }
.TableBlock thead th .sort a.top{ top: -5px; border-color: transparent transparent  #999 transparent;}
.TableBlock thead th .sort a.btm{ bottom: -5px; border-color: #999 transparent transparent transparent;}
.TableBlock thead th .sort a.top.active{ top: -5px; border-color: transparent transparent  #f56c35 transparent;}
.TableBlock thead th .sort a.btm.active{ border-color: #f56c35 transparent transparent transparent;}
.TableBlock tbody td{ min-height:32px; text-overflow:ellipsis;}
.TableBlock tbody td .operation{ display:inline-block; font-size:0;}
.TableBlock tbody td .operation .btn{ margin-right:2px; border:0 none; background-color:transparent;}
.TableBlock tbody td .operation .btn i{ margin:0; color:#f97c49;}
.TableBlock tbody td .operation .more_con,.batch_con .more_con{ position:relative; display:inline-block;}
.TableBlock tbody td .operation .more_con{ margin-right:5px;}
.TableBlock tbody td .operation .more_nav,.batch_con .more_con .more_nav{ display:none; box-shadow:0 0 3px rgba(0,0,0,0.1); position:fixed; top:19px; left:0; z-index:99; min-width:80px; padding:5px 0; border:1px solid #e6e6e6; border-radius:3px; background-color:#fff;}
.TableBlock tbody td .operation .btn:hover{ background-color:#f56c35}
.TableBlock tbody td .operation .btn:hover i,.TableBlock tbody td .operation .btn:hover em{ color:#fff;}
.TableBlock tbody tr:hover td{ background-color:#fff8df;}
.TableBlock thead tr th:last-child,.TableBlock tbody tr td:last-child{ border-right:0 none;}
.TableBlock tbody tr:nth-child(2n){ background-color:#fffbfa;}
.TableBlock tbody tr:nth-child(2n+1){ background-color:#f9f9f9;}
.TableBlock tbody tr.active{ background-color: #fff8df;}
.TableBlock tbody tr.tr_warn td{ color:#f12525;}
.TableBlock tfoot td{ padding:10px; font-size:12px; color:#666; text-align:center;}
.more_con .more_nav li a{ display:block; line-height:26px; padding:0 10px; font-size:12px; color:#333;}
.more_con .more_nav li a:hover{ background-color:#faf6f7; color:#f56c35;}
.more_con .more_nav li a i{ margin-right:5px;}
.more_con .more_nav li a em{ white-space:nowrap;}
.tColControl{ overflow:hidden; position:absolute; border:1px solid #e6e6e6; background-color:#fff;}
.tColControl li{ height:20px; line-height:20px; padding:0 35px 0 25px; font-size:12px; white-space:nowrap;}
.tColControl li input{ margin-right:5px;}
.tColControl ul{ overflow: auto; height: calc(100% - 50px);}
.tColControl .btn_con{ position: absolute; bottom: 0; left: 0; height: 50px; line-height: 50px; padding: 0 0 0 10px; background: #fff;}
.tColControl .btn_con .btn{ margin:  0 10px;}

/* 分页 */
.page_box{ height:36px; padding:0 15px; border-top:1px solid #e6e6e6; background-color:#f2f2f2;}
.page_box .page_txt{ display:inline; float:left; line-height:36px;}
.page_box .page_txt span{ padding-right:5px;}
.page_box .page_txt span em{ padding:0 3px;}
.page_box .page_nav{ display:inline; float:right; padding-top:5px;}
.page_nav .page_list,.page_nav>span{ display:inline; float:left;}
.page_nav .page_list>a,.page_box .page_list>span{ vertical-align:middle; display:inline-block; margin-left:-1px; height:25px; line-height:25px; padding:0 10px; border:1px solid #e6e6e6; background:#fff; font-size:12px; cursor:pointer;}
.page_nav .page_list>a.current,.page_box .page_list>span.current{ border-color:#e6e6e6; background-color:#f56c35; color:#fff;}
.page_nav .page_list>a:hover,.page_nav .page_list>a:hover:before{ color:#f56c35;}
.page_list>a.pg-prev:before,.page_list>a.pg-next:before{ font-family:'frameFont'; font-size:14px; color:#000;}
.page_list>a.pg-prev:before{ content: "\e667";}
.page_list>a.pg-next:before{ content: "\e613";}
.page_box .select,.page_box .text{ width:43px; height:25px; line-height:25px;}
.page_box .page_nav .text{ margin-left:10px;}
.page_box .page_nav .btn{ margin-left:10px;}
.page_box .page_nav .btn:hover{ border-color:#f56c35; background-color:#f56c35;}
.page_box .page_nav .btn:hover em{ color:#fff;}

/* 通知 */
.notice_box{ width:100%; height:100%;}
.notice_box .notice_hd{ position:relative; height:46px; margin:0 15px; border-bottom:1px solid #e6e6e6;}
.notice_hd li{ display:inline; float:left; position:relative; bottom:-1px;}
.notice_hd li a{ display:block; padding:12px 24px; font-size:14px;}
.notice_hd li.active a{ border-bottom:2px solid #f56c35; color:#f56c35;}
.notice_hd .notice_rgt{ position:absolute; top:10px; right:0;}
.notice_hd .notice_rgt .date{ width:95px; height:22px; line-height:22px;}
.notice_hd .notice_rgt .btn{ margin-left:10px;}
.notice_hd .notice_rgt label{ padding:0 2px 0 10px;}
.notice_bd{ overflow:auto; width:100%; height:calc(100% - 82px); padding:0 15px;}
.notice_bd .list li{ position:relative; max-width:1000px; padding:15px;}
.notice_bd .list li .type{ position:absolute; top:20px; left:15px; font-size:18px; color:#333;}
.notice_bd .list li .txt{ padding:0 120px 0 44px;}
.notice_bd .list li .txt p{ line-height:30px; font-size:14px; color:#000;}
.notice_bd .list li .txt span{ position:relative; display:block; line-height:30px; font-size:12px; color:#666;}
.notice_bd .list li .txt span em{ padding-left:10px;}
.notice_bd .list li .txt span .ft-emergency{ position:absolute; top:-3px; left:132px; font-size:34px; color:#f12525; vertical-align:middle;}
.notice_bd .list li .btncon{ position:absolute; top:20px; right:0; min-width:130px;}
.notice_bd .list li .btncon .btn{ margin-right:10px;}

/* 上传图片 */
.upload_box{ position:relative; width:270px; margin:20px;}
.upload_box .img_box { overflow:hidden; position:relative; height:273px; width:273px; border:1px dashed #e6e6e6; background:#fff; cursor:move;}
.upload_box .img_box .thumb { position:absolute; top:70px; left:0; width:273px; height:128px; box-shadow:0 0 0 200px rgba(0,0,0,.3);}
.upload_box .img_box.photo .thumb{ width:100px; height:100px; top:80px; left:80px;}
.upload_box .img_box .spinner { position:absolute; top:0; left:0; bottom:0; right:0; text-align:center; background:url(../images/default_img.jpg) no-repeat;}
/*.upload_box .cropped { position:absolute; right:-230px; top:0; width:273px; height:128px; border:1px dashed #e6e6e6;}*/
.upload_box .photo_cropped{ position:absolute; right:-100px; top:0; width:100px; height:100px; border:1px dashed #e6e6e6;}
.upload_box .imgtip{ padding-bottom:10px; font-size:12px; color:#666;}
.upload_box .file_box{ width:273px; height:30px; margin:10px 0 0;}
.upload_box .file_box .file_btn{ display:inline-block; cursor:pointer;}
.upload_box .file_con{ overflow:hidden; position:relative; float:left; height:30px; line-height:30px;}
.upload_box .file_con .file_btn{ display:block; width:100%; padding:0 20px; height:30px; border:1px solid #e6e6e6; border-radius:3px; background-color:#f2f2f2;}
.upload_box .file_con label{ display:block; width:100%; height:100%; font-size:14px; color:#000;}
.upload_box .file_con label i{ margin-right:8px;}
.upload_box .file_con input[type=file]{ position:absolute; top:0; right:0; height:30px; background:#333; opacity:0; font-size:80px; cursor:pointer;}
.upload_box .file_box .btn{ float:right; padding:6px 27px;}

/* 欢迎 */
.welcome_box{ padding-top:36px; text-align:center;}
.welcome_box .welcome_txt{ padding-bottom:40px;}
.welcome_box .welcome_txt p{ line-height:43px; font-size:28px; color:#0a406c;}
.welcome_box .welcome_txt p b{ font-weight:bold;}
.welcome_box .welcome_btn{ display:block; width:193px; height:43px; line-height:43px; margin:20px auto 0; border-radius:21px; background:linear-gradient(#f56c35,#ffaf00); font-size:20px; color:#fff; cursor:pointer;}

.autoverticate_txt{ padding:20px;}
.autoverticate_txt p{ line-height:25px; font-size:14px; color:#333;}


.main_lft{ position:absolute; top:10px; bottom:10px; left:10px; width:200px; border:1px solid #e6e6e6; background-color:#fff;}
.main_rgt{ overflow:auto; position:absolute; top:0; bottom:0; left:210px; right:0; height:100%; border:1px solid #e6e6e6; background-color:#fff;}
.main_rgt.bornone{ border:0 none;}
.main_rgt.hidden{ overflow:hidden;}
.nav_list{ padding:30px 0;}
.nav_list li a{ display:block; height:40px; line-height:40px; padding:0 35px; font-size:14px; color:#000;}
.nav_list li.active{ background-color:#fef3ee;}
.nav_list li.active a{ color:#ff5e00;}

/* 修改头像 */
.portraitedit_box{ width:100px; margin:0 0 20px 240px;}
.portraitedit_box img{ width:100px; height:100px; border:1px solid #e6e6e6; border-radius:50%;}
.portraitedit_box a{ display:block; padding:5px 0; font-size:14px; color:#ff5e00; text-align:center;}
.portraitedit_box a:hover{ text-decoration:underline;}

/* 提示 */
.info_box{ padding:20px; text-align:center;}
.info_box>span{ display:block; padding:10px 0; font-size:30px;}
.info_box > p{ line-height:26px; font-size:12px;}
.info_box > p.failed,.info_box > p.successed{ font-size:14px;}
.info_box > p em{ padding:0 3px;}

/* 成功 */
.success_box{ padding:20px; text-align:center;}
.success_box span{ display:block; padding:10px 0; font-size:30px;}

/* 待操作 */
.operating_nav{ overflow:hidden; width:966px; margin:0 auto; padding:30px 0;}
.operating_nav li{ display:inline; float:left; width:161px; text-align:center;}
.operating_nav li .radius{ overflow:hidden; clear:both; width:81px; height:81px; margin:0 auto; border-radius:50%; padding-top:20px; background-color:#f5f3f6; margin-bottom:13px;}
.operating_nav li .radius i{ font-size:20px; color:#333;}
.operating_nav li .radius p{ padding-top:5px;}
.operating_nav li .audit{ display:block; padding-top:15px; font-size:12px; color:#333;}
.operating_nav li.active .radius{ background-color:#00aa04;}
.operating_nav li.active .radius i,.operating_nav li.active .radius p{ color:#fff;}

/* 提示信息 */
.promptinfo_box{ margin-bottom:10px; padding:4px 20px; border:1px solid #f3d995; background-color:#fefcee; text-align:left;}
.promptinfo_box p{ line-height:20px; font-size:12px; color:#c58100;}
.promptinfo_box p a{ display:inline-block; line-height:15px; margin-left:3px; padding:0 2px; border-radius:2px; color:#ff4900; text-decoration:underline; vertical-align:middle}
.promptinfo_box p a:hover{ background-color:#ff4900; color:#fff; text-decoration:none;}
.promptinfo_box .close{ position:absolute; top:7px; right:15px; display:inline-block; width:18px; height:18px; line-height:18px; font-size:14px; font-weight:bold; color:#666; text-align:center;}

/* 帮助中心 */
.help_con{ width:762px; height:215px; margin:30px auto; padding-top:70px; background:url("../images/help_bg.png") no-repeat;}
.help_con>h2{ font-size:18px; font-weight:bold; color:#f56c35; letter-spacing:10px; text-align:center;}
.help_con .helpsearch_con{ position:relative; width:460px; margin:10px auto 0;}
.help_con .helpsearch_con .text{  box-shadow:0 1px 1px rgba(0,0,0,0.1); width:100%; height:40px; line-height:40px; padding:5px 8px; border:1px solid #e6e6e6; border-radius:4px;}
.help_con .helpsearch_con .search_btn{ position:absolute; top:0; right:0; display:inline-block; width:40px; height:40px; line-height:40px; font-size:16px; text-align:center;}
.help_con .helpsearch_con .search_btn i{ color:#777;}
.help_box .help_nav{ width:700px; margin:0 auto; border:1px solid #e6e6e6;}
.help_box .help_nav li a{ display:block; height:47px; line-height:47px; padding:0 20px; border-bottom:1px solid #e6e6e6; font-size:14px; color:#333;}
.help_box .help_nav li:last-child a{ border-bottom:0 none;}
.help_box .help_nav li a:hover{ background-color:#fff9f7;}

/* 帮助中心列表 */
.help_lft{ display:inline; float:left; width:250px; height:100%; border-right:1px solid #e6e6e6;}
.help_rgt{ display:inline; float:right; width:calc(100% - 250px); height:100%;}
.help_area{ overflow:auto; width:100%; height:calc(100% - 36px); background-color:#fff;}
.help_wrap{ overflow:hidden; width:830px; margin:0 auto;}
.help_wrap .result{ padding:15px 10px 0; font-size:14px; color:#999;}
.help_wrap .helpsearch_con{ position:relative; width:100%; margin-top:28px; padding-right:62px;}
.help_wrap .helpsearch_con .text{ width:100%; height:44px; padding:0 10px; border-radius:3px; background-color:#f2f2f2; font-size:16px; color:#333;}
.help_wrap .helpsearch_con .text:focus{ border-color:#f56c35;}
.help_wrap .helpsearch_con .search_btn{ position:absolute; top:0; right:0; display:block; width:65px; height:44px; line-height:44px; background-color:#f56c35; font-size:18px; color:#fff; text-align:center;}
.help_list li{ border-bottom:1px dashed #e6e6e6;}
.help_list li a{ display:block; padding:10px;}
.help_list li a i{ margin-right:10px; font-size:16px; color:#999;}
.help_list li a h3{ line-height:31px; font-size:16px; color:#333;}
.help_list li a p{ overflow:hidden; line-height:31px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis;}
.help_list li a:hover{ background-color:#f9f9f9;}
.help_wrap .help_content{ margin:20px 10px; padding-top:30px; font-size:16px;}
.help_wrap .help_content h1{ padding-bottom:22px; border-bottom:1px solid #e6e6e6; font-size:20px; font-weight:bold; color:#333;}
.help_wrap .help_content h1 i{ margin-right:8px; font-size:20px; color:#f56c35;}
.help_wrap .help_content h1 a{ display: inline-block; height: 18px; line-height: 18px; border-right: 1px solid #ddd; padding: 0 20px 0 0; font-size: 14px; font-weight: normal; color: #333; vertical-align: middle;}
.help_wrap .help_content h1 a i{ font-size: 12px; color: #666;}
.help_wrap .help_content h1 em{ margin: 0 0 0 15px; font-size:20px; font-weight:bold; color:#333; vertical-align: middle;}
.help_wrap .help_content .helpbtn_con{ padding:20px 0 0;}
.help_wrap .help_content .helpbtn_con .btn{ margin-right:5px;}
.help_wrap .help_content h2{ padding:26px 0; line-height:26px; font-size:18px;}
.help_content .help_txt p{ min-height:46px; line-height:26px; font-size:16px;}
.help_content .help_txt p em{display:inline-block; width:22px; height:22px; line-height:22px; margin:0 16px 0 -11px; border-radius:50%; background-color:#f2f2f2; font-size:14px; text-align:center;}
.help_content .help_txt p:last-child{ border-left:0 none;}
.help_content .help_txt.step{ margin-top:20px;}
.help_content .help_txt p a:hover{ text-decoration:underline; color:#f56c35;}
.help_content h2.question_hd{ position:relative; padding-left:32px; font-size:16px;}
.help_content .question_hd .ft-wenti{ position:absolute; top:28px; left:0; font-size:20px; color:#f56c35;}
.help_content .question_bd p{ position:relative; min-height:46px; line-height:26px; padding-left:32px; font-size:16px;}
.help_content .question_bd p .ft-huida{ position:absolute; top:3px; left:0; font-size:20px; color:#f56c35;}

/* 常见问题 */
.help_head{ height: 80px; border-bottom:1px solid #e6e6e6;}
.help_head .help_search{ padding: 22px 0 0; font-size: 0; text-align: center;}
.help_head .help_search .text{ width: 360px; height: 33px; line-height: 33px; padding: 0 10px; border-radius: 3px 0 0 3px; background-color: #f9f9f9; font-size: 14px;}
.help_head .help_search .text:focus{ border-color: #f56c35;}
.help_head .help_search .btn{ padding: 7px 12px; border-radius: 0 3px 3px 0;}
.help_head .help_search .btn i{ font-size: 16px;}
.help_body{ height: calc(100% - 80px);}
.help_tit{ height:50px; line-height:50px; padding:0 20px; border-bottom:1px solid #e6e6e6;}
.help_tit em{ font-size:16px; font-weight:bold; color:#333; vertical-align:middle;}
.help_tit i{ margin-right:5px; font-size:18px; color:#f56c35; vertical-align:middle;}
.question_menu{ overflow:auto; height:calc(100% - 40px); padding-top:10px;}
.question_menu dd>a{ position:relative; display:block; height:36px; line-height:36px; margin-bottom:4px; padding:0 20px; font-size:14px; color:#333;}
.question_menu dd>a em{ font-weight:bold;}
.question_menu dd.active{ background:#fef3ee;}
.question_menu dd.active a{ color:#f56c35;}
.question_menu dd>a .ft-lightarwbtm{ position:absolute; top:15px; right:20px; font-size:12px; font-weight:bold;}
.question_menu dd .question_list{ display:none;}
.question_menu dd li a{ display:block; height:40px; line-height:40px; padding:0 30px; font-size:14px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:ellipsis;}
.question_menu dd>a:hover em,.question_menu dd li a:hover{ color:#f56c35;}
.question_menu dd>a.active .ft-lightarwbtm:before{ content:"\e668";}

/* 合作伙伴 */
.ProxyControl {position: absolute;width:260px;overflow: auto;padding: 0;margin: 0;border: 1px solid #e6e6e6;background: #ffffff;text-align:left;z-index:90000;border-radius: 4px;/* background: #f1f3f4; */box-shadow: 0 0 1px 0px rgba(0,0,0,0.1);}
.ProxyControl li {font-size:12px; list-style:none; margin:0 2px; height:auto; line-height:26px; clear:both; color:#666;}
.ProxyControl li:hover {background-color: rgb(214, 237, 251); color:rgb(0, 0, 0);}
.ProxyControl .selected {background-color: rgb(214, 237, 251); color: rgb(0, 0, 0);}
.ProxyControl li label{cursor: pointer;}

/* 图片预览 */
.container{border:1px solid #000;width:500px; height:300px; background:#FFF center no-repeat;}

/* 暂无记录 */
.norecord_box{ padding:5px 10px; text-align:center;}
.norecord_box i{ font-size:60px; color:#999;}
.norecord_box p{ padding-top:10px; font-size:14px; color:#999;}
.norecord_box p a{ color:#f56c35;}
.norecord_box p a:hover{ text-decoration:underline;}

/* 彩铃制作须知 */
.instruction_con{ padding:20px;}
.instruction_con h2{ margin:0 0 15px; font-size:16px; font-weight:bold; color:#333;}
.instruction_con h3{ margin:10px 0; line-height:20px; font-size:14px; font-weight:bold; color:#333;}
.instruction_con p{ padding:0 18px; line-height:22px; font-size:12px; color:#333;}

/* 信息列表 */
.info_list li{ padding:0 15px;}
.info_list li a{ overflow:hidden; position:relative; display:block; height:35px; line-height:35px; padding:0 168px 0 10px; border-bottom:1px dashed #e6e6e6; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.info_list li:last-child a{ border-bottom:0 none;}
.info_list li a em{ position:absolute; top:0; right:15px; color:#666;}
.info_list li a:hover{ background-color:#fff2ed;}

/* 企业工作台 */
.workbench_lft{ width:460px;}
.workbench_rgt{ width:calc(100% - 470px);}

/* 开关按钮 */
.switch{ position:relative; display:inline-block; width:38px; height:20px; vertical-align:middle;}
.switch .switch_toggle{ overflow:hidden; position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; border-radius:26px; background-color:#999; cursor:pointer; transition:all 0.4s ease 0s;}
.switch .switch_toggle:before{ position:absolute; top:2px; left:2px; content:""; width:16px; height:16px; border-radius:100%; background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,.3); transition:all 0.4s ease 0s;}
.switch.open .switch_toggle{ background-color:#26b02a;}
.switch.open .switch_toggle:before{ left:17px;}

/* score */
.score{position:relative;width:140px;height:240px;border:solid 1px #ddd;padding:10px;margin:100px auto 0 auto;}
.score_loading{background:url(images/loading_s.gif) center no-repeat;width:140px;height:190px;}
.score_content{height:190px; position:relative;}
.starCount{ position: absolute; top:20px; right:25px; line-height:27px; font-size:12px;}
.starCount span{ vertical-align:middle;}
.score_total{ position: absolute; top:5px; right:80px; font-size:12px;}
.score_avg span{position:relative;font-size:42px;font-weight:bold;font-family:Georgia,"Times New Roman",Times, serif;font-style:italic;color:#FFF;letter-spacing:-4px;}
.score_avg span em{position:absolute;top:0;left:10px;color:#FFF;z-index:10;}
.score_avg span i{position:absolute;top:2px;left:12px;color:#069;z-index:8;}
.score_avg{height:64px;width:80px;display:block;background:url(/STISP4/resources/plugins/score/images/_score_bg.gif) 0 0 no-repeat;position:absolute;top:-10px;left:-20px;padding-top:16px;}
.score_total span{color:#F00;font-weight:bold;}
#click img{ vertical-align: middle}
.score_list li{line-height:27px; font-size:12px;color:#000;}
.score_list li span{display:inline-block;width:30px;}
.score_list li em{font-style:normal;}
.score_list li i{display:inline-block;border:1px solid #FC6;background-color:#FFC;height:8px;font-size:0px;}
.score_post{position:relative;}

.case_row{padding-top: 90px;}
.case_box{position: relative; width:980px; margin:0 auto;}
.exp_tit{position: absolute;left: 50%;top: -26px;margin-left: -83px; width: 165px;height: 52px;line-height: 52px;text-align: center;background-color:#fff;border-radius: 26px; border:1px solid #e6e6e6;}
.exp_tit h6{font-size: 26px;color: #4e4e51;}
.case_con{padding: 84px 0 64px; overflow: hidden;}
.case_con li{float: left;margin: 0 20px 20px 0; width: 180px;border: 1px solid #e6e6e6; text-align: center;}
.case_con li>.img{height: 114px;line-height: 114px;background-color: #fff; overflow: hidden;}
.case_con li>.img img{max-width: 178px;max-height: 114px;}
.case_con li>.txt{height: 32px;line-height: 32px;color: #333;font-size: 20px; background-color: #ededed;}
.bt1_grey{border-top: 1px solid #e6e6e6; }
.white_bg{background-color: #fff;}
.grey_bg{background-color: #f2f2f2;}
.mr0{margin-right: 0!important;}

/* 步骤 */
.step_nav{ padding:20px;}
.step_nav li{ display:inline; float:left; margin-right:30px;}
.step_nav li i.step{ position:relative; display:inline-block; width:26px; height:26px; line-height:26px; margin-right:16px; border:1px solid #dedede; border-radius:50%; font-size:13px; color:#666; text-align:center; vertical-align:middle;}
.step_nav li span{ padding-right:23px; font-size:12px; color:#333; vertical-align:middle;}
.step_nav li i.ft-lightarwrgt{ font-size:18px; color:#e2e2e2; vertical-align:middle;}
.step_nav li.active i.step{ border-color:#84deb9;}
.step_nav li.active i.step{ font-size:0;}
.step_nav li.active i.step:before{ content:"\e666"; position:absolute; top:0; left:5px; font-family:'frameFont'; font-size:14px; color:#84deb9;}

/* 新增销售人员 */
.addsales_con{ padding:0 20px;}
.addsales_con .promptinfo_box{ margin:20px;}
.tasktype_con .label{ position:absolute; width:115px; line-height:27px; text-align:right;}
.tasktype_con .tasktype_nav{ padding-left:125px;}
.tasktype_nav li{ width:320px; height:48px; line-height:48px; margin-bottom:20px; padding:0 15px; border:1px solid #e6e6e6; border-radius:5px;}
.tasktype_nav li span{ font-size:16px; color:#333;}
.tasktype_nav li .checkbox{ float:right; height:16px; line-height:16px; margin-top:15px; cursor:pointer;}
.tasktype_nav li .checkbox .checkbox_icon{ width:16px; height:16px; margin-right:5px;}
.tasktype_nav li.active{ border-color:#f56c35;}
.tasktype_nav li.active span{ color:#f56c35;}
.tasktype_nav li.active .checkbox .checkbox_icon{ background-position-y:-46px;}

/* tab切换标签 */
.tabslide_nav{ position:relative; bottom:-1px; z-index:99; overflow:hidden; border:1px solid #e6e6e6; background-color:#fff;}
.tabslide_nav li{ display:inline; float:left; margin-right:10px;}
.tabslide_nav li a{ display:block; padding:10px 30px; font-weight:bold;}
.tabslide_nav li.active a{ border-bottom:1px solid #f56c35; background-color:#fff; color:#f56c35;}

/* 编辑角色 */
.role_tit{ width:100%; height:30px; line-height:30px; padding:0 15px;}
.role_tit h2{ font-size:14px; font-weight:bold; color:#333;}
.role_box{ width:100%; height:calc(100% - 70px); overflow:auto; padding:0 5px; white-space:nowrap; font-size:0; vertical-align:top;}
.role_box .role_con{ overflow:hidden; display:inline-block; margin:0 5px; border:1px solid #ddd; border-radius:3px 3px 0 0; font-size:12px; vertical-align:top;}
.role_con .role_hd{ width:100%; height:32px; line-height:32px; border-bottom:1px solid #e6e6e6; background-color:#f2f2f2;}
.role_con .role_hd h2{ padding:0 15px; font-size:12px; color:#333;}
.role_con .role_nav{ padding:0 20px; background-color:#fff;}
.role_con .role_nav dt{ padding:10px 20px;}
.role_con .role_nav dd{ padding:0 0 10px; border-bottom:1px dashed #e6e6e6;}
.role_con .role_nav dd ul>li{ padding:5px 42px;}
.role_con .role_nav dd ul>li ol{ padding:5px 0 0;}
.role_con .role_nav dd ul>li ol li{ padding:5px 22px;}
.role_bottom{ height:35px; padding:5px 0; text-align:center;}
.role_bottom .btn{ margin:0 10px; padding:5px 15px;}


.setrole_group .con{ width:800px; margin:0 auto;}
.setrole_group .info_table{ padding:0;}
.setrole_group .info_table tr td{ padding:0;}
.setrole_group .info_table tr:hover td{ background:transparent;}
.setrole_group .info_table tr td .roleselect{ width:100%;}
.setrole_group .info_table tr td .roleselect option{ padding:5px 20px;}
.setrole_group .btn_con{ padding-left:0; text-align:center;}
.setrole_group .btn_con .btn i{ font-size:14px;}

/* 蒙版 */
#overlay_load { display:none; z-index:90000; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}
#overlay_loading{ z-index:91000; color:blue; position:absolute; top:45%; left:45%;}
#overlay_loading a{ font-size:20px; color:blue;}

/* 菜单搜索 */
.ac_results{ box-shadow:0 0 3px rgba(0,0,0,0.1); overflow:hidden; padding:5px 0; border:1px solid #e6e6e6; background-color:#fafafa; z-index:99999;}
.ac_results ul{ width:204px; list-style-position:outside;}
.ac_results li{ overflow:hidden; line-height:20px; padding:5px 20px; font-size:12px; color:#333; cursor:pointer;}
.ac_results li.ac_over{ background-color:#fff2ed; color:#f56c35;}
.ac_loading{ background:white url('indicator.gif') right center no-repeat;}

.explain_box{ margin:10px; background-color:#fff;}
.explain_box p{ padding:3px 15px; line-height:25px; font-size:13px; color:#333;}

.special_con{ position:absolute; top:90px; right:10px; z-index:99; width:121px; height:108px; cursor:pointer;}

/* 商标描述 */
.layout{ clear:both; width:1000px; margin:0 auto;}
.trademark_bg,.sms_bg{ width:100%; height:300px; background-repeat:no-repeat; background-position:top center;}
.trademark_bg{ background-image:url("../images/trademark/trademark_bg.jpg"); }
.sms_bg{ background-image:url("../images/trademark/sms_bg.jpg")}
.trademarkadvan_nav .tit{ clear:both; height:100px; line-height:100px;}
.trademarkadvan_nav .tit h2{ font-size:22px; color:#333; text-align:center;}
.trademarkadvan_nav .list{ box-shadow:0 0 30px rgba(255,131,40,0.1); height:245px; border-radius:2px; background-color:#fff;}
.trademarkadvan_nav .list li{ display:inline; float:left; width:25%; text-align:center;}
.trademarkadvan_nav .list li i{ display:inline-block; width:60px; height:60px; margin-top:30px; background:url("../images/trademark/trademark_icon.png") no-repeat;}
.trademarkadvan_nav .list li i.brandprotect_icon{ background-position:7px 0;}
.trademarkadvan_nav .list li i.brandlanding_icon{ background-position:-79px 0;}
.trademarkadvan_nav .list li i.essentialassets_icon{ width:90px; background-position:-173px 0;}
.trademarkadvan_nav .list li i.affiliatedvalue_icon{ background-position:-285px 0;}
.trademarkadvan_nav .list li i.successrate_icon{ background-position:7px -87px;}
.trademarkadvan_nav .list li i.highspeed_icon{ background-position:-79px -87px;}
.trademarkadvan_nav .list li i.tripleplay_icon{ width:90px; background-position:-173px -87px;}
.trademarkadvan_nav .list li i.manytoone_icon{ background-position:-285px -87px;}
.trademarkadvan_nav .list li h3{ line-height:50px; font-size:18px; color:#333;}
.trademarkadvan_nav .list li p{ line-height:26px; font-size:14px; color:#666;}
.smspackage_list li{ box-shadow:0 0 30px rgba(255,131,40,0.1); float:left; display:inline; width:310px; height:338px; margin-right:35px; border-radius:2px; background-color:#fff;}
.smspackage_list li:last-child{ margin-right:0;}
.smspackage_list li .price{ width:310px; height:102px; padding:15px 0 0 92px; background:url("../images/trademark/smspackagehd_bg.jpg") no-repeat; font-size:14px; color:#fff;}
.smspackage_list li .price p{ font-size:16px;}
.smspackage_list li .price p em{ padding:0 2px; font-weight:bold; font-size:36px;}
.smspackage_list li .price span{ padding-left:16px; font-size:14px;}
.smspackage_list li .price b{ font-weight:bold;}
.smspackage_list li .price .orange{ color:#fff799;}
.smspackage_list li .hd{ height:108px; border-bottom:1px solid #f8f8f8;}
.smspackage_list li .hd h3{ padding:15px 0; font-size:18px; color:#333; text-align:center;}
.smspackage_list li .hd p{ width:140px; height:31px; line-height:31px; margin:0 auto; border-radius:20px; background-color:#ff9900; font-size:12px; color:#fff; text-align:center;}
.smspackage_list li .features{ padding:10px 33px;}
.smspackage_list li .features h5{ line-height:30px; font-size:14px; color:#666;}
.smspackage_list li .features p{ line-height:26px; font-size:14px; color:#333;}
.smspackage_list li .features p i{ font-size:14px; color:#ff9900; margin-right:10px; vertical-align:middle;}
.process_list{ padding:100px 80px 100px 0; text-align:center;}
.process_list ul{ position:relative; display:inline-block;}
.process_list ul>i{ position:absolute; top:50%; right:-8px; z-index:999; font-size:16px; color:#ff9900;}
.process_list ul.height_200{ height:200px; border-right:1px dashed #999;}
.process_list ul li{ position:relative; display:inline; float:left; width:330px; padding-top:30px;}
.process_list ul li>i{ position:absolute; top:-8px; right:0; z-index:999; margin-left:16px; font-size:16px; color:#ff9900;}
.process_list ul li:before,.process_list ul li:after{ content:""; position:absolute; top:0; display:inline-block; width:50%; border-top:1px dashed #999;}
.process_list ul li:before{ left:0;}
.process_list ul li:after{ right:0;}
.process_list ul li em,.sms_list ul li em{ position:absolute; top:-18px; left:50%; z-index:999; display:inline-block; width:35px; height:35px; line-height:35px; margin-left:-18px; border:2px solid #ff992b; border-radius:50%; background-color:#fbfbfb; font-size:18px; color:#ff992b; text-align:center;}
.process_list ul li p{ position:absolute; top:30px; left:0; width:100%; line-height:25px; font-size:14px; color:#666; text-align:center;}
.process_list ul li h5{ position:absolute; top:-55px; left:0; width:100%; font-size:16px; font-weight:bold; color:#ff992b; text-align:center;}
.process_list ul li.beforenone:before,.process_list ul li.lastnone:after{ display:none;}
.process_list.sms{ padding:100px 0 50px 0;}
.process_list.sms li{ width:300px;}
.trademarkadvan_nav .grey_bg{ background-color:#fbfbfb;}
.trademarkregist_con,.sms_con{ box-shadow:0 0 30px rgba(255,131,40,0.1); width:345px; height:210px; margin:0 auto 80px; background-color:#fff;}
.trademarkregist_con .trademarkregist_lft{ display:inline; float:left; padding:58px 0 0 56px;}
.trademarkregist_con .trademarkregist_rgt{ display:inline; float:right; width:160px; padding-top:52px;}
.trademarkregist_con .trademarkregist_rgt h5 .symbol{ font-size:18px; color:#ff9900; vertical-align:top;}
.trademarkregist_con .trademarkregist_rgt h5 .num{ font-size:36px; color:#f12525;}
.trademarkregist_con .trademarkregist_rgt h5 .from{ font-size:14px; color:#ff9900;}
.trademarkregist_con .trademarkregist_rgt p{ line-height:32px; font-size:12px; color:#333;}
.sms_con p{ line-height:210px; padding:0 50px; font-size:16px; color:#333;}
.sms_con p i{ margin-right:20px; font-size:50px; color:#ffa942; vertical-align:middle;}

/* 帮助图片切换 */		
.agentHelpButton{ position:relative; padding:10px 15px 0 0; text-align:right;}
.agentHelpButton a{ display:inline-block; width:30px; height:30px; margin:0 10px;}
.agentHelpButton a.agentTleft{ background:url(../../images/seatInstalNew/agent_tleft.png) no-repeat;}
.agentHelpButton a.agentTright{  background:url(../../images/seatInstalNew/agent_tright.png) no-repeat;}
.agentHelpBox ul{ clear:both; overflow:hidden;}
.agentHelpBox ul li{ float:left;}

/* 树 */	
.tree_lft{ position:absolute; top:10px; left:10px; bottom:10px; width:255px; border:1px solid #e6e6e6; background-color:#fff; transition:all 0.3s ease 0s;}
.tree_lft .tree_tit{ height:40px;}
.tree_lft .tree_tit .search{ position:relative; width:100%; padding:10px 10px 0;}
.tree_lft .tree_tit .search .text{ width:100%; height:25px; line-height:23px; padding:5px 10px; border-radius:13px; font-size:12px; color:#000;}
.tree_lft .tree_tit .search .text:focus{ border-color:#f56c35;}
.tree_lft .tree_tit .search a{ position:absolute; top:10px; right:10px; display:inline-block; padding:6px 9px 5px;}
.tree_lft .tree_tit .search a i{ font-size:12px; color:#f56c35;}
.tree_lft .tree_list{ overflow:auto; width:100%; height:calc(100% - 40px); border-radius:3px;}
.tree_rgt{ position:absolute; top:0; left:265px; right:0; bottom:0; transition:all 0.3s ease 0s;}
.tree_slide{ position:absolute; top:50%; left:265px; z-index:999; width:10px; height:39px; line-height:39px; margin-top:-19px; border-radius:5px; background-color:#f56c35; cursor:pointer; transition:all 0.3s ease 0s;}
.tree_slide i{ line-height:39px; font-size:12px; font-weight:bold; color:#fff;}
.hidesidebar .tree_lft{ width:0; opacity:0;}
.hidesidebar .tree_slide,.hidesidebar .tree_rgt{ left:5px;}
.hidesidebar .tree_slide i:before{ content: "\e613";}

/* 语音合成 */
.soundengineer_con{ width:755px; margin-left:165px;}
.soundengineer_con .soundengineer_lft{ display:inline; float:left; width:115px; text-align:center;}
.soundengineer_con .soundengineer_rgt{ display:inline; float:right; width:546px;}
.soundengineer_lft .photo_img{ overflow:hidden; width:115px; height:115px; margin-bottom:10px; border-radius:50%;}
.soundengineer_lft .soundengineer_name{ overflow:hidden; width:115px; height:20px; margin-bottom:10px; border-radius:50%;}
.soundengineer_lft .photo_img img{ width:100%; height:100%;}
.soundengineer_rgt .control_nav li{ position:relative; display:inline; float:left; width:45%; margin-top:8px; margin-left:5%;}
.soundengineer_rgt .control_nav li.clear{ width:100%;}
.soundengineer_rgt .control_nav li label{ display:block; height:30px; line-height:30px; font-size:12px; color:#333;}
.soundengineer_rgt .control_nav li .bgchoose{ width:95%; height:30px;}
.soundengineer_rgt .control_nav li .bgchoose a{ position:relative; display:block; width:100%; height:30px; line-height:30px; padding:0 15px; border:1px solid #e6e6e6; border-radius:2px; background-color:#f2f2f2;}
.soundengineer_rgt .control_nav li .bgchoose a i{ position:absolute; top:0; right:0; width:28px; height:28px; line-height:26px; font-size:12px; color:#666; text-align:center;}
.soundengineer_con .input_con{ clear:both; overflow:hidden; padding-top:38px;}
.soundengineer_con .input_con .input_hd{ width:100%; height:35px; border:1px solid #e6e6e6;}
.soundengineer_con .input_con .input_hd .text{ width:100%; height:100%; line-height:25px; padding:5px 20px; border:0 none; font-size:14px; color:#000;}
.soundengineer_con .input_con .input_bd{ width:100%; height:171px; margin-top:-1px; border:1px solid #e6e6e6;}
.soundengineer_con .input_con .input_bd .textarea{ width:100%; height:130px; padding:10px 20px; border:0 none; font-size:14px; color:#000;}
.soundengineer_con .input_con .input_bd .bottom{ height:41px; line-height: 41px; padding:0 15px;}
.soundengineer_con .input_con .input_bd .bottom .characters{ float:left; font-size:12px; color:#666;}
.soundengineer_con .input_con .input_bd .bottom .characters em{ padding:0 5px; color:#f56c35;}
.soundengineer_con .input_con .input_bd .bottom .btn{ margin-top:10px; border:0 none;}
.soundengineer_con .input_con .input_bd .bottom .btn i{ color:#f56c35;}
.soundengineer_con .input_con .input_bd .bottom .btn i,.speechsyn_con .input_con .input_bd .bottom .btn em{ font-size:14px;}

/* 背景音乐 */
.bgmusic_box,.soundengineer_box{ width:100%; height:100%; background-color:#f2f2f2;}
.bgmusic_box .bgmusic_lft{ position:absolute; top:0; left:0; width:128px; height:100%; border-right:1px solid #e6e6e6;}
.bgmusic_box .bgmusic_rgt{ overflow:hidden; width:100%; height:100%; padding-left:128px;}
.bgmusic_lft .bgmusic_nav li a{ display:block; height:36px; line-height:36px; padding:0 10px; font-size:14px; color:#333; text-align:center;}
.bgmusic_lft .bgmusic_nav li.active a{ position:relative; background-color:#fef3ee; color:#f56c35;}
.bgmusic_lft .bgmusic_nav li.active a:before{ position:absolute; top:0; left:0; content:""; width:3px; height:100%; background-color:#f56c35;}
.bgmusic_lft .bgmusic_nav li a:hover{ color:#f56c35;}
.bgmusic_list,.soundengineer_list{ width:100%; height:100%; overflow:auto; padding:5px; background-color: #fff;}
.bgmusic_list li,.soundengineer_list li{ display:inline; float:left; width:50%; padding:5px;}
.bgmusic_list li{ height:72px;}
.bgmusic_list li .con,.soundengineer_list li .con{ position:relative; width:100%; height:100%; padding:0 70px 0 18px; border:1px solid #e6e6e6; border-radius:2px; background-color:#fff; cursor:pointer;}
.soundengineer_list li .con:hover{ border-color:#f56c35;}
.bgmusic_list li .con h3{ overflow:hidden; width:100%; padding:6px 0; font-size:14px; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.bgmusic_list li .con .audition,.soundengineer_list li .con .audition{ position:absolute; top:50%; right:18px; margin-top:-13px; cursor:pointer;}
.soundengineer_list li .con .audition{ display: none;}
.bgmusic_list li .con .audition i,.soundengineer_list li .con .audition i{ font-size:26px; color:#f56c35;}
.bgmusic_list li .con .btn em{ color:#f56c35;}
.bgmusic_list li .con .recommend{ position:absolute; top:0; left:-2px;}
.bgmusic_list li .con .recommend i{ font-size:18px; color:#4acabd;}


/* 录音师 */
.soundengineer_list li{ height:85px;}
.soundengineer_list li .con .photo_img{ overflow:hidden; position:absolute; top:50%; left:18px; width:60px; height:60px; margin-top:-30px; border-radius:50%;}
.soundengineer_list li .con .photo_img img{ width:100%; height:100%;}
.soundengineer_list li .con .hd{ padding:17px 0 10px 82px;}
.soundengineer_list li .con .hd h3,.soundengineer_list li .con .hd p{ overflow:hidden; line-height:20px;white-space:nowrap; text-overflow:ellipsis;}
.soundengineer_list li .con .hd h3{  font-size:16px; color:#000; }
.soundengineer_list li .con .hd p{ font-size:14px; color:#333;}

.jws-outside-bar { width:100%; height:5px; background-color:#ddd; border-radius:20px;}
.jws-inside-bar { width:0; height:100%; border-radius:20px; background-color:#f56c35;}
.jws-handle { z-index:10; display:block; height:12px; width:12px; border-radius:50%; background-color:#f56c35; margin:-8px 0 0 -8px; cursor:pointer;}
.jws-text { position:absolute; top:25px; right:0; z-index:1; width:30px; margin-top:0; font-size:13px; color:#333; text-align:left;}

/* 升级弹窗 */
.upgrade_wrap{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%;}
.upgrade_wrap .upgrade_mask{ width:100%; height:100%; background-color:#000; opacity:0.2;}
.upgrade_box{ position:absolute; top:50%; left:50%; margin:-258px 0 0 -338px; width:676px; height:516px; }
.upgrade_box .upgrade_head{ position:relative; width:100%; height:158px; background: url("../images/upgradetit_bg.png") no-repeat;}
.upgrade_box .upgrade_head .close{ position:absolute; top:30px; right:15px; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center;}
.upgrade_box .upgrade_head .close i{ font-size:16px; color:#fff;}
.upgrade_box .upgrade_body{ overflow:auto; width:100%; height:calc(100% - 270px); padding:0 100px; background-color:#fff;}
.upgrade_box .upgrade_body p{ line-height:33px; font-size:14px; color:#333;}
.upgrade_box .upgrade_foot{ width:100%; height:112px; padding-top:16px; border-radius:0 0 16px 16px; background-color: #fff;}
.upgrade_box .upgrade_foot .btn{ display:block; width:249px; height:41px; margin:0 auto; border-radius:21px; background-color:#f45725; font-size:16px; color:#fff;}
.upgrade_box .upgrade_foot p{ padding:20px 28px 0 0; text-align:right;}
.upgrade_box .upgrade_foot p a{ font-size:14px; color:#f45725;}

/* 爱讯商城 */
.mall_wrapper{ clear:both; width:1200px; margin:30px auto;}
.mall_wrapper .mall_head{ height:40px; line-height:40px; border: 1px solid #e6e6e6; background-color:#fafafa;}
.mall_wrapper .mall_head h2{ padding:0 20px; font-size:14px; font-weight:bold; color:#333;}
.mall_wrapper .mall_body{ overflow:hidden; padding:35px; border-top:0 none;}
.small-img{  display:flex; align-items:center; justify-content:center;}
.clearfix:before, .clearfix:after{ display:table; line-height:0; content:"";}
.magnifier{display:inline; float:left; width:439px; position:relative;}
.magnifier-container{  width:439px; height:439px; overflow:hidden; position:relative; border:1px solid #e6e6e6;}
.move-view{ position:absolute; width:100px; height:100px;}
.images-cover{ width:100%; height:100%; position:relative;}
.images-cover img{ position:absolute;}
.magnifier-assembly{ overflow:hidden; position:relative; height:85px;padding:20px 50px;}
.magnifier-btn{ position:absolute; top:50%; left:0; font-family:"宋体"; width:100%; margin-top:-30px;}
.magnifier-btn span{z-index:9998; display:block; width:40px; height:80px; line-height:80px; border-radius:3px; background-color:#fff; font-size:36px; font-weight:bold; color:#999; text-align:center; cursor:pointer;}
.magnifier-btn .magnifier-btn-left{ float:left;}
.magnifier-btn .magnifier-btn-right{ float:right;}
.magnifier-line{ position:relative; overflow:hidden; height:68px;}
.magnifier-line ul{  display:block;  font-size:0; width:10000%; position:absolute; left:0; z-index:9997;}
.magnifier-line li{ float:left; width:68px; cursor:pointer;}
.magnifier-line ul > .active .small-img{ border-color:#bbb;}
.magnifier-line .small-img{  height:58px; margin:5px; border:1px solid #fff; overflow:hidden; text-align:center;}
.magnifier-line li.active .small-img{ border:1px solid #f56c35;}
.small-img img{ max-width: 100%; max-height:100%; }
.magnifier-view{ display:none; overflow:hidden; position:absolute; top:0; right:-105%; z-index:9999; width:100%; height:100%; background-color:#fff; }
.magnifier-view img{ display:block;}
.animation03{  transition:all 0.3s ease-in 0.1s; -ms-transition:all 0.3s ease-in 0.1s; -moz-transition:all 0.3s ease-in 0.1s; -webkit-transition:all 0.3s ease-in 0.1s; -o-transition:all 0.3s ease-in 0.1s;}
.mall_form{ display:inline; float:left; margin-left:30px; width:658px;}
.mall_form .decription{ overflow:hidden; padding-bottom:5px; font-size:14px; font-weight:bold; color:#333; white-space:nowrap; text-overflow:ellipsis;}
.mall_form .subdecription{ padding-bottom:5px; font-size:12px; color:#f56c35; white-space:nowrap; text-overflow:ellipsis;}
.mall_form .mall_con{ height:500px; background-color:#f3f3f3;}
.mall_form .mall_con h3{ height:30px; line-height:30px; padding:0 17px; background-color:#f56c35; font-size:14px; color:#fff;}
.mallform_list li{ overflow:hidden; clear:both; margin-top:8px;}
.mallform_list li .label{ float:left; width:120px; height:27px; line-height:27px; padding:0 15px 0 35px; font-size:13px; color:#333;}
.mallform_list li .content{ float:left; display:inline;}
.mallform_list li .content .error{ padding-left:5px; font-size:12px; color:red;}
.mallform_list li .content .price{ font-size:32px; font-weight:bold; color:#df3033; vertical-align:middle;}
.mallform_list li .content .originalprice{ display:inline-block; margin-left:10px; font-size:14px; color:#666; vertical-align:text-top; text-decoration:line-through;}
.mallform_list li .content .choiceradio{ display:inline-block; margin-right:10px; padding:5px 30px; background-color:#fff; border:1px solid #ddd; font-size:13px; color:#000; cursor:pointer;}
.mallform_list li .content .choiceradio.active{ border-color:#f56c35; color:#f56c35;}
.mallform_list li .content .text{ width:240px;}
.mallform_list li .content .select{ vertical-align:top;}
.mallform_list li .content .textarea{ width:360px;}
.mallform_list li .content .pay_item{ float:left; margin-right:20px; text-align:center;}
.mallform_list li .content .pay_item img{ width:18px; height:18px; margin-right:5px;}
.mallform_list li .content .pay_item span{ padding-top:3px; font-size:12px;}
.mallform_list li .content .num{ font-size:0;}
.mallform_list li .content .num .text{ width:60px; text-align:center;}
.mallform_list li .content .num a{ display:inline-block; width:27px; height:27px; line-height:25px; border:1px solid #ddd; background-color:#f2f2f2; font-size:16px; text-align:center; vertical-align:middle; cursor:pointer;}
.mallform_list li .content .num .add{ border-right:0 none;}
.mallform_list li .content .num .minus{ border-left:0 none;}
.mallform_list li .content .btn{ margin-top:5px; padding:5px 40px;}
.mallform_list li .content .btn em{ font-size:14px;}
.mall_detail{ clear:both; padding-top:20px;}
.mall_detail .tit{ clear:both; position:relative; height:30px; border-bottom:1px solid #ededed;}
.mall_detail .tit h3{ position:absolute; top:15px; left:50%; margin-left:-90px; width:180px; height:30px; line-height:30px; background-color:#fff; font-size:14px; color:#666; text-align:center;}
.mall_detail .list{ overflow:hidden; padding:30px 0;}
.mall_detail .list li{ display:inline; float:left; height:28px; line-height:28px; width:33.3333%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.mall_detail .img{ clear:both; width:700px; margin:0 auto; text-align:center;}
.mall_detail .img img{ width:100%;margin-bottom: 10px;}
.backtop{ display:none; position:fixed; right:35px; bottom:25px; width:50px; height:50px; padding:8px; border:1px solid #ededed; border-radius:3px; background-color:#f3f3f3; font-size:12px; color:#f56c35; text-align:center; cursor:pointer;}

/* 选择账号 */
.account_box{ overflow:auto; width:1120px; height:417px; margin:50px auto; padding-left:60px;}
.account_box li{ display:inline; float:left; cursor:pointer;}
.account_box li .con{ overflow:hidden; width:310px; height:95px; line-height:95px; margin:10px 15px; border-radius:6px; white-space:nowrap; text-overflow:ellipsis;}
.account_box li .con i{ display:inline-block; width:43px; height:43px; line-height:43px; margin:0 17px 0 26px; border-radius:50%; text-align:center; vertical-align:middle;}
.account_box li .con span{ font-size:22px; color:#fff; vertical-align:middle;}
.account_box li.blue .con{ border:1px solid #4255d5; background-color:#6171db;}
.account_box li.blue .con i{ background-color:#4255d5;}
.account_box li.blue:hover .con{ background-color:#4255d5;}
.account_box li.blue:hover i{ background-color:#283ab4;}
.account_box li.orange .con{ border:1px solid #ed561a; background-color:#f56c35;}
.account_box li.orange .con i{ background-color:#ed561a;}
.account_box li.orange:hover .con{ background-color:#ed561a;}
.account_box li.orange:hover i{ background-color:#cb3a00;}
.account_box li.green .con{ border:1px solid #19bc50; background-color:#50cc7a;}
.account_box li.green .con i{ background-color:#19bc50;}
.account_box li.green:hover .con{ background-color:#19bc50;}
.account_box li.green:hover i{ background-color:#009833;}

/* 增值功能介绍样式 */
.valueadd_wrap{ width:1200px; margin:0 auto; padding:0 20px; overflow:hidden}
.valueadd_box{ clear:both; padding:50px 0 0;}
.valueadd_box .valueadd_info{ width:420px;}
.valueadd_box .valueadd_img{ width:611px;}
.valueadd_box .valueadd_img img{ width: 100%;}
.valueadd_info .title{ display:inline-block; height:37px; line-height:37px; margin-bottom:20px; padding:0 22px; border-radius:3px; background:linear-gradient(#ffba55,#fa7227); font-size:16px; font-weight:bold; color:#fff;}
.valueadd_info p{ line-height:32px; font-size:14px; color:#333;}
.valueadd_info .sale_info{ display:inline-block; height:31px; line-height:31px; margin-top:36px; background-color:#e3e3e3; border-radius:5px; font-size:18px; color:#000;}
.valueadd_info .sale_info span{ display:inline-block; padding:0 10px; border-radius:5px; background-color:#ff4e17; color:#fff;}
.valueadd_info .sale_info em{ padding: 0 15px;}
.valueadd_btncon .item{ display:inline-block; margin:30px 34px 0 0;}
.valueadd_btncon .item>i{ display:block; width: 40px; height: 35px; margin:0 auto 15px; background: url("../images/valueadd/valueadd_icon.png") no-repeat;}
.valueadd_btncon .item>i.opened{ background-position: 0 0;}
.valueadd_btncon .item>i.audition{ background-position: -113px 0;}
.valueadd_btncon .item>i.download{ background-position: -231px 0;}
.valueadd_btncon .item a{ display:inline-block; height:26px; line-height:24px; padding: 0 5px; border:1px solid #ff5d00; border-radius:13px; font-size:14px; color:#ff5d00; text-align:center;}
.valueadd_btncon .item a>em{ display:inline-block; margin: 0 8px; vertical-align:middle;}
.valueadd_btncon .item a>em:hover{ opacity: 0.9;}
.valueadd_btncon .item a>i{display:inline-block; width: 18px; height: 18px; margin-left: 10px; background: url("../images/valueadd/valueadd_icon.png") no-repeat; vertical-align:middle;}
.valueadd_btncon .item a>i.bofang{ background-position: -7px -55px;}
.valueadd_btncon .item a>i.zanting{ background-position: -39px -55px;}
.samefunc_box{ clear:both;}
.samefunc_box .title{ height:60px; line-height:60px; margin-right:20px; border-bottom:1px solid #bababa;}
.samefunc_box .title h2{ font-size:16px; color:#333;}
.samefunc_box .list{ clear:both; overflow:hidden;}
.samefunc_box .list li{ display:inline; float:left; width:25%; padding:18px 20px 0 0;}
.samefunc_box .list li>.con{ width:100%; height:150px; padding:15px; border:1px solid #fedbc7; border-radius:13px;}
.samefunc_box .list li:hover{ border-color:#fa7227;}
.samefunc_box .list li h3{ padding-bottom:10px; font-size:14px; font-weight:bold; color:#333;}
.samefunc_box .list li .txt{ height:68px;}
.samefunc_box .list li p{ line-height:18px; color:#333;}
.samefunc_box .list li .foot{ line-height:26px; padding-right:5px;}
.samefunc_box .list li .foot span{ font-size:14px; font-weight:bold; color:#ff0000;}
.samefunc_box .list li .foot a{ display:inline-block; width:79px; height:26px; line-height:26px; border:1px solid #ff6636; border-radius:13px; text-align:center; font-size:14px; color:#ff5d00;}
.samefunc_box .list li .foot a:hover{ background-color:#fa762a; color:#fff;}

/* 云服务小程序弹框 */
.cloudservice_wrap{ position: fixed; top:0; left:0; width:100%; height:100%; z-index:99;}
.cloudservice_wrap .mask{ width:100%; height:100%; background: #000; opacity: 0.5;}
.cloudservice_box{ position:absolute; top:50%; left:50%; margin:-300px 0 0 -278px; width:557px; height:600px; background:url(../../cloudImage/cloudservice_bg.png) no-repeat;}
.cloudservice_box a{ display:block; width:219px; height:42px; line-height:42px; margin:496px auto 0; border-radius: 21px; background: linear-gradient(to right,#9ef46e,#66d761); font-size: 22px; color: #fff; text-align: center;}
.cloudservice_box a:hover{ opacity: 0.9;}

/* 工具箱 */
.tool_box{ position: fixed; top: 120px; right: 10px; width: 60px;}
.tool_box li{ width: 100%; height: 50px; margin-top: -1px; border: 1px solid #ddd; background-color: #fff; text-align: center;}
.tool_box li a,.tool_box li span{ display:block; padding: 8px 0; font-size: 12px; color: #666;}
.tool_box li a em{ color: #f56c35;}
.tool_box li:hover{ border-color: #f56c35; background: #f56c35;}
.tool_box li:hover span,.tool_box li:hover a,.tool_box li:hover a em{ color: #fff;}
.tool_box li .con{ position: absolute; top: 0; right: 59px; display:none; width: 150px; height:197px; padding: 25px 20px;  border: 1px solid #ddd; text-align: center;}
.tool_box li .con img{ width: 100%;}
.tool_box li .con p{ padding-top: 10px; color: #666;}
.tool_box li:hover .con{ display:block;}
.moretool_wrap{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%;}
.moretool_wrap .mask{ width: 100%; height: 100%; background: #000; opacity: 0.3;}
.moretool_wrap .box{ position: absolute; top: 50%; left: 50%; width: 800px; height: 600px; margin: -300px 0 0 -400px; border-radius:4px; background: #fff;}
.moretool_wrap .box .promptinfo_box{ margin: 0 30px;}
.moretool_wrap .box .promptinfo_box i{ margin-right: 5px; font-size: 14px; color: #f56c35; vertical-align: middle;}
.moretool_wrap .box .promptinfo_box p{ display: inline-block; vertical-align: middle;}
.moretool_wrap .box .tit{ height: 50px; line-height: 50px; border: 0 none; background-color: #fff;}
.moretool_wrap .box .list{ clear: both; overflow: hidden; width: 690px; margin: 0 auto; padding: 20px 0 0;}
.moretool_wrap .box .list li{ display: inline; float: left; width: 320px; height: 150px; margin: 10px 12px;; padding: 20px 10px; border: 1px solid #ddd; border-radius: 6px;}
.moretool_wrap .box .list li .img{ display: inline; float: left; width: 90px; text-align: center;}
.moretool_wrap .box .list li .img img{ width: 100%;}
.moretool_wrap .box .list li .img p{ padding: 10px 0; text-align: center; color: #f56c35;}
.moretool_wrap .box .list li .content{ display: inline; float: right; width: 190px;}
.moretool_wrap .box .list li .content p{ line-height: 22px; font-size: 12px; color: #333;}
.moretool_wrap .box .btn_con{ padding: 30px 0 0; text-align: center;}
.moretool_wrap .box .btn_con .btn{ padding: 7px 35px;}
.moretool_wrap .box .bottom{ position: relative; margin: 20px 50px 0; text-align: center;}
.moretool_wrap .box .bottom span{ position: relative; z-index: 9; display: inline-block; padding: 0 15px; background-color: #fff; font-size: 14px; color: #f56c35;}
.moretool_wrap .box .bottom:after{ content: ""; position: absolute; top: 9px; z-index: 0; display: block; width: 100%; height: 1px; background-color: #f5f5f5;}

/* 今日靓号推荐 */
.beautnum_wrap{ padding: 30px;}
.beautnum_wrap .beautnum_box{ overflow: hidden; position:relative; margin: 0 0 30px 0;}
.beautnum_wrap .beautnum_box .beautnum_img{ position: absolute; top:0; left:0; overflow: hidden; width: 300px;}
.beautnum_wrap .beautnum_box .beautnum_img img{ width: 100%;}
.beautnum_wrap .beautnum_box .picknum_nav{  padding: 0 0 0 300px;}
.beautnum_wrap .beautnum_box .picknum_nav li{ width: 20%; margin: 0;}
.beautnum_wrap .beautnum_box .picknum_slide{ position: relative; overflow: visible;}
.beautnum_wrap .beautnum_box .picknum_slide .slide_a{ position: absolute; top: -30px; right: 0; background-color: #f56c35;}
.beautnum_wrap .beautnum_box .picknum_slide .slide_a span{ padding: 0 10px; font-size: 14px; color: #fff;}
.beautnum_wrap .beautnum_box .picknum_slide .slide_a a{ display: inline-block; padding: 2px; text-align: center; font-size: 14px; color: #fff;}
.beautnum_wrap .beautnum_box .picknum_slide .slide_a a.active{ color: #fff;}
.beautnum_wrap .beautnum_box .picknum_slide .picknum_con{ overflow: hidden; position: relative; height: 560px;}
.beautnum_wrap .beautnum_box .picknum_slide .picknum_con .picknum_list{ position: absolute; top: 0; left: 0;}
.beautnum_wrap .beautnum_box .picknum_slide ul{ display: inline; float: left; overflow: hidden;}

/* 爱讯商城广告弹框 */
.malllayer_wrap{ position: fixed; top:0; left:0; z-index: 9999; width: 100%; height: 100%;}
.malllayer_wrap .malllayer_mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.malllayer_wrap .malllayer_box{ position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin: -250px 0 0 -250px;}
.malllayer_wrap .malllayer_box .close{ position: absolute; top: -35px; right: -35px;}
.malllayer_wrap .malllayer_box .checkbox{ position: absolute; bottom: -30px; left: 200px; font-size: 16px; color: #e1e1e1;}
.malllayer_wrap .malllayer_box .checkbox input{ width: 16px; height: 16px; margin: 0 5px; border: 1px solid #fff; vertical-align: middle;}

/* 小贴士 */
.mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.tipslayer_wrap{ position: fixed; top:0; left:0; z-index: 9999; width: 100%; height: 100%;}
.tipslayer_wrap .tipslayer_box{ position:absolute; top: 50%; left: 50%; overflow: hidden; width: 1000px; margin: -300px 0 0 -500px; border-radius:15px;}
.tipslayer_wrap .tipslayer_box .tipslayer_tit{ position: relative; height: 130px; padding: 25px 0; background: url("../images/tipslayer/tips_tit_bg.jpg") no-repeat; text-align: center;}
.tipslayer_wrap .tipslayer_box .tipslayer_tit h2{ font-size: 36px; color: #fff;}
.tipslayer_wrap .tipslayer_box .tipslayer_tit h2:before,.tipslayer_wrap .tipslayer_box .tipslayer_tit h2:after{ content: ""; display: inline-block; width: 18px; height: 18px; margin: 0 18px; background: url("../images/tipslayer/tips_tit_dote.png") no-repeat; vertical-align: middle;}
.tipslayer_wrap .tipslayer_box .tipslayer_tit .close{ position: absolute; top: 10px; right: 10px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; color: #fff; text-align: center;}
.tipslayer_wrap .tipslayer_box .tipslayer_con{ width: 100%; height: 470px;}


/* 小贴士内容 */
.tips_wrap{ overflow: auto; height: 100%; padding: 0 30px;}
.tips_wrap .tips_box{ padding-bottom: 20px;}
.tips_wrap .head{ position: relative; height: 48px; line-height: 48px; padding: 0 20px; background-color: #fff4ed;}
.tips_wrap .head.tab_hd{ cursor: pointer; clear: both;}
.tips_wrap .head.tab_hd:after{position:absolute; top:0; right:5px; display: inline-block; width: 48px; height: 48px; line-height: 48px; content:"\e914"; font-family: 'frameFont'; font-size: 24px; color: #ff600b; text-align: center; transition: all 0.3s ease-in-out 0s;}
.tips_wrap .head h2{ font-size: 20px; color: #ff5b03;}
.tips_wrap .body{ padding: 0 20px;}
.tips_wrap .body .tit{ display:inline-block; height: 30px; line-height: 30px; margin: 15px 0 10px; padding: 0 16px; border-radius: 18px; background: linear-gradient(#ff9146,#ff5c06);}
.tips_wrap .body .tit.tab_hd{ padding-right: 30px; clear: both;}
.tips_wrap .body .tit.tab_hd:after{ width: 30px; height: 30px; line-height: 30px; color: #fff;}
.tips_wrap .body .tit h3{ font-size: 16px; color: #fff;}
.tips_wrap .body .con{ padding: 0;}
.tips_wrap .body .con .tips_table th,.tips_wrap .body .con .tips_table td{ padding: 20px; border: 1px solid #ededed; font-size: 14px; color: #333;}
.tips_wrap .body .con .tips_table th{ background-color: #fff4ee; color: #ff5b03;}
.tips_wrap .body .con .tips_table td .red{ color: #ff0000;}
.tips_wrap .body .con p{ line-height: 25px; font-size: 14px; color: #333;}
.tips_wrap .body .ft16{ padding: 5px 0; font-size: 16px;}
.tips_wrap .body .hd{ height: 28px; line-height: 28px; margin: 5px 0 0; padding: 0 5px;}
.tips_wrap .body .hd h5{ font-size: 14px; color: #ff5b03;}
.tips_wrap .body .hd h5 em{ display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: 5px 10px 0 0; border-radius: 50%; background-color: #ff600b; font-size: 12px; color: #fff; text-align: center; vertical-align: top;}
.tips_wrap .body .tab_hd{ position: relative; background-color: #fff9f6; cursor: pointer;}
.tips_wrap .body .tab_hd:after{ position:absolute; top:0; right:5px; display: inline-block; width: 28px; height: 28px; line-height: 28px; content:"\e914"; font-family: 'frameFont'; font-size: 16px; color: #ff600b; text-align: center; transition: all 0.3s ease-in-out 0s;}
.tips_wrap .body .tab_hd.active:after,.tips_wrap .head.tab_hd.active:after{ transform: rotate(-180deg);}
.tips_wrap .body .bd{ padding: 5px 32px;}
.tips_wrap .body .bd p{ line-height: 25px; font-size: 14px;}
.tips_wrap .body .bd .sec{ padding: 0 22px;}
.indent2{ text-indent: 2em;}

/* 小贴士浮层 */
.tipsfloat_box{ position: fixed; top: 420px; right: 10px; width: 108px; height: 54px; padding: 7px 0; background: url("../images/mall/tipsfloat_img.png") no-repeat; cursor: pointer;}
.tipsfloat_box p{ line-height: 16px; font-size: 13px; color: #fff; text-align: center;}

.greeting_box{ position: fixed; bottom: 10px; right: 10px; width: 460px; height: 178px; background: url("../images/greeting/greetings_bg.png") no-repeat;}
.greeting_box .close{ position:absolute; top: 2px; right: 2px; display: inline-block; width: 47px; height: 40px; padding:  10px 22px; background: url("../images/greeting/close.png") no-repeat; font-size: 14px;}
.greeting_box .txt{ padding: 30px 147px 30px 30px;}
.greeting_box .txt p{ line-height: 30px; font-size: 20px; color: #fff;}
.greeting_box .time{ position: absolute; bottom:15px; right: 35px; width: 55px; height: 42px; line-height: 42px; text-align: center; font-size: 25px; color: #f88f67;}

.unicommajor_wrap{ position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%;}
.unicommajor_wrap .mask{ width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}
.unicommajor_wrap .unicommajor_box{ position: absolute; top: 50%; left: 50%; z-index: 99; width: 1032px; height: 680px; padding: 0 55px; border-radius: 10px; margin: -340px 0 0 -516px; background: #fff url("../images/unicommajor_bg.png") no-repeat;}
.unicommajor_wrap .unicommajor_box .tit{ height: 105px; line-height: 105px; text-align: center;}
.unicommajor_wrap .unicommajor_box .tit h2{ font-size: 38px; color: #fff;}
.unicommajor_wrap .unicommajor_box .body h3{ display: inline-block; margin: 33px 0 15px; height: 30px; line-height: 30px;  background: linear-gradient(to bottom, #ffbb45,#ff9205); padding: 0 15px; border-radius: 15px; font-size: 16px; color: #fff;}
.unicommajor_table tr th,.unicommajor_table tr td{ border: 1px solid #e5e5e5; text-align: center;}
.unicommajor_table tr th{ height: 48px; background-color: #fff4ee; font-size: 14px; color: #ff5b03;}
.unicommajor_table tr td{ height: 42px; font-size: 14px; color: #333;}
.unicommajor_table tr td.td_bg{ background-color: #fff4ee; color: #ff5b03;}
.unicommajor_txt{ padding: 0 30px;}
.unicommajor_txt p{ line-height: 25px; font-size: 14px; color: #333;}
.unicommajor_txt p.orange{ color: #ff5b03;}
.unicommajor_box .contact_method{ display: block; width: 282px; height: 28px; line-height: 28px; margin: 20px auto 0; border-radius: 8px; background: linear-gradient(to bottom, #ffba45,#ff9307); font-size: 16px; color: #fff; text-align: center;}
.unicommajor_box .close{ position: absolute; top: 20px; right: 20px; display: inline-block; width: 25px; height: 25px;}

/* 增值业务开通弹框 */
.extra_search{ position: relative; width: 280px; height: 27px; border: 1px solid #ddd;}
.extra_search i.ft-search{ position: absolute; top: 5px; left: 10px; font-size: 14px; color: #999; vertical-align: middle;}
.extra_search i.hidden{ display: none;}
.extra_search .val{ position: relative; display: inline-block; width: 100%; height: 25px; line-height: 25px; padding: 0 5px; background-color: #fef9f2; font-size: 12px; color: #ff5b03; vertical-align: middle;}
.extra_search .val.hidden{ display: none;}
.extra_search .val em{ font-weight: bold;}
.extra_search .val a.close{ position: absolute; top:5px; right:5px; width: 16px; height: 16px; line-height: 16px; margin: 0 0 0 5px; border: 1px solid #fef9f2; border-radius: 50%; font-size: 12px; color: #ff5b03; text-align: center; vertical-align: middle;}
.extra_search .val a:hover{ border-color: #ff5b03;}
.extra_search .text{ width: 240px !important; height: 25px;line-height: 25px; margin: 0 20px; padding: 0 5px; border: 0 none; vertical-align: middle;}
.extra_search .text.hidden{ display: none;}
.extra_search .add_a{ position: absolute; top:0; right: -85px; display: inline-block; height: 27px; line-height: 27px; font-size: 14px; color: #f57004; text-align: center;}
.extra_search .add_a em{ padding: 0 3px; font-size: 12px; vertical-align: middle;}
.extra_search .add_a i{ vertical-align: middle;}
.extra_search .extraSearch_list{ overflow: auto; padding: 10px 0; border: 1px solid #ddd; border-top: 0 none; background: #fff; box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
.extra_search .extraSearch_list.hidden{ display: none;}
.extra_search .extraSearch_list li{ height: 30px; line-height: 30px;}
.extra_search .extraSearch_list li:hover{ background-color: #f9f9f9;}
.extra_search .extraSearch_list li span{ padding: 0 15px; font-size: 13px; color: #333;}
.extra_wrap{ position: relative; box-shadow: 0 0 6px rgba(0,0,0,0.1); overflow: hidden; padding: 20px 0; border: 1px solid #ddd; border-radius: 3px; background-color: #fff;}
.extra_wrap.hidden{ display: none;}
.extra_wrap .close{ position: absolute; top: 20px; right: 20px; z-index: 99; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; cursor: pointer;}
.extra_wrap .close i{  font-size: 16px; font-weight: bold; color: #666;}
.extra_wrap .close:hover i{ color: #f57004;}
.extra_list{ padding: 0 20px;}
.extra_list h2{ clear: both; padding: 20px 7px 7px; font-size: 22px; font-weight: normal; color: #f57004;}
.extra_list ul li{ display: inline; float: left; padding: 7px;}
.extra_list ul li .item{ position: relative; width: 238px; height: 76px; border: 1px solid #ddd; border-radius: 3px; background-color: #fffcf9;}
.extra_list ul li i{ font-family: "extraFonts"; float:left; width: 36px; height: 76px; line-height: 76px; margin: 0 0 0 10px; font-size: 27px; color: #f57004; text-align: center;}
.extra_list ul li .extra_con{ display: inline; float:left; padding: 10px 7px;}
.extra_list ul li .extra_con p .name{ font-size: 14px; font-weight: bold; color: #333;}
.extra_list ul li .extra_con p{ padding: 5px 0; font-size: 12px; color: #666;}
.extra_list ul li .extra_con p .star{ padding: 0 0 0 5px; font-size: 12px; color: #f5760e;}
.extra_list ul li .extra_con p .rate{ padding: 0 0 0 5px; color: #f57004;}
.extra_list ul li .item.active{ background-color: #f57004; border-color: #f57004;}
.extra_list ul li .item.active i{ color: #fff;}
.extra_list ul li .item a{ position: absolute; bottom: 12px; right: 15px; display: inline-block; width: 52px; height: 20px; line-height: 18px; border: 1px solid transparent; border-radius: 3px; font-size: 12px; color: #666; text-align: center;}
.extra_list ul li.open .item a{ border-color: #f57004; background-color: #f57004; color: #fff;}
.extra_list ul li.open .item.active .extra_con p{ color: #fff;}
.extra_list ul li.open .item.active .extra_con p .name,
.extra_list ul li.open .item.active .extra_con p .star,
.extra_list ul li.open .item.active .extra_con p .rate{ color: #fff;}
.extra_list ul li.open .item.active a{ background-color: transparent; border-color: #fff; color: #fff; cursor: text;}


/*批量增值业务开通弹框*/
.batchextra_search{ position: relative; width: 280px; height: 27px;}
.batchextra_search .add_a{display: inline-block; height: 27px; line-height: 27px; padding: 0 10px; border-radius: 3px; background-color: #f57004; font-size: 14px; color: #fff; text-align: center;}
.batchextra_search .add_a em{ padding: 0 3px; font-size: 12px; vertical-align: middle;}
.batchextra_search .add_a i{ vertical-align: middle;}
.batchextra_box{ position: relative; box-shadow: 0 0 6px rgba(0,0,0,0.1); overflow: hidden; border-radius: 20px 20px 0 0; background-color: #fff;}
.batchextra_box.hidden{ display: none;}
.batchextra_box .title{ width: 100%; height: 42px; line-height: 42px; border-radius: 20px 20px 0 0; background: linear-gradient(to right,#ff9448,#ff6736); text-align: center;}
.batchextra_box .title h2{ font-size: 16px; color: #fff;}
.batchextra_box .extra_search{}
.batchextra_list{ padding: 20px 20px 86px 0;}
.batchextra_list h2{ clear: both; padding: 20px 7px 7px; font-size: 22px; font-weight: normal; color: #f57004;}
.batchextra_list ul{ overflow: hidden;}
.batchextra_list ul li{ position: relative; display: inline; float: left; padding: 7px 8px;}
.batchextra_list ul li .item{ position: relative; width: 130px; height: 92px; border: 1px dashed #d7d7d7; border-radius: 7px; background-color: #fffcf9;}
.batchextra_list ul li .extra_con{ display: inline; float:left; width: 100%; padding: 10px 0 0;}
.batchextra_list ul li .extra_con p .name{ font-size: 14px; font-weight: bold; color: #333; text-align: center;}
.batchextra_list ul li .extra_con p{ margin: 0 0 10px 0; font-size: 12px; color: #666; text-align: center;}
.batchextra_list ul li .extra_con p  i{ display: inline-block; margin: 0 2px; font-size: 12px; color: #fc6c41;}
.batchextra_list ul li .extra_con p .rate{ padding: 0 0 0 5px; font-size:12px;  color: #f57004;}
.batchextra_list ul li .is_open{ display: inline-block; position: absolute; bottom: 7px; right: 8px; width: 40px; height: 36px; background: url("../images/open.png") no-repeat;}
.batchextra_list ul li .is_open.open{ background-position: 0 -56px;}
.batchextra_list ul li .item.active{ background-color: #ff8442;}
.batchextra_list ul li .item.active i{ color: #fff;}
.batchextra_list ul li .item a{ position: absolute; bottom: 12px; right: 15px; display: inline-block; width: 52px; height: 20px; line-height: 18px; border: 1px solid transparent; border-radius: 3px; font-size: 12px; color: #666; text-align: center;}
.batchextra_list ul li.open .item a{ border-color: #f57004; background-color: #f57004; color: #fff;}
.batchextra_list ul li.open .item.active .extra_con p{ color: #fff;}
.batchextra_list ul li.open .item.active .extra_con p .name,
.batchextra_list ul li.open .item.active .extra_con p .star,
.batchextra_list ul li.open .item.active .extra_con p .rate{ color: #fff;}
.batchextra_list ul li.open .item.active a{ background-color: transparent; border-color: #fff; color: #fff; cursor: text;}
.batchextra_box .btn-wrap{width: 100%; position: absolute; bottom: 0; left: 0; height: 66px; padding: 22px 0 0; background:#fff;  text-align: center}
.batchextra_box .btn-wrap .btn{ width: 85px; height: 27px; border-radius: 18px; margin: 0 20px;}
.batchextra_box .btn-wrap .btn em{ font-size: 14px;}
.batchextra_wrap li,.renewalextra_wrap li{ overflow: hidden; clear: both; padding: 5px 0; margin: 0 90px 15px; border: 1px solid #ededed; background-color: #f9f9f9;}
.batchextra_wrap li .hd,.renewalextra_wrap li .hd{ display: inline; float: left; width: 100px; line-height: 27px; margin: 5px 10px;}
.batchextra_wrap li .item,.renewalextra_wrap li .item{ display: inline; float: left; margin: 5px 10px; min-height: 27px; line-height: 27px;}
.batchextra_wrap li .item label,.renewalextra_wrap li .item label{ display: inline-block; line-height: 27px;}
.batchextra_wrap li .item .ft-delete,.renewalextra_wrap li .item .ft-delete{ font-size: 16px; color: #666;}
.batchextra_wrap li .del,.renewalextra_wrap li .del{ display: inline; float: left; margin: 5px 10px; width: 27px; height: 27px; line-height: 27px; font-size: 14px; color: #666; text-align: center;}
.batchextra_wrap li .del:hover i,.renewalextra_wrap li .del:hover i{ color: #f57004;}
.batchextra_wrap li .item label,.renewalextra_wrap li .item label{ padding-right: 5px;}
.batchextra_wrap li .item .spanval,.batchextra_wrap li .item em,.renewalextra_wrap li .item .spanval,.renewalextra_wrap li .item em{ vertical-align: middle;}
.batchextra_wrap li .item .minwidth,.renewalextra_wrap li .item .minwidth{ width: 80px;}
.batchextra_wrap li .item label.error,.renewalextra_wrap li .item label.error{ padding-left: 10px; color: red;}
.batchextra_wrap li .item .unit_box,.renewalextra_wrap li .item .unit_box{ position:relative; display:inline-block;}
.batchextra_wrap li .item .unit_box .text,.renewalextra_wrap li .item .unit_box .text{ padding-right:33px;}
.batchextra_wrap li .item .unit,.renewalextra_wrap li .item .unit{ position:absolute; top:2px; left:73px; display:inline-block; height:25px; line-height:25px; padding:0 10px; border-left:1px solid #e6e6e6; background-color:#f2f2f2; font-size:12px; color:#333;}
.batchextra_wrap .total_price,.renewalextra_wrap .total_price{ display: inline; float: right; padding: 0 85px;}
.batchextra_wrap .total_price span,.renewalextra_wrap .total_price span{ font-size: 13px; padding: 0 15px;}


/* 门脸示例页面 */
.front_banner{ width: 100%; height: 480px; background: url("../images/frontSample/front_banner.jpg") no-repeat; background-size: cover;}
.front_con{ width: 1090px; margin: 110px auto 0; text-align: center;}
.front_con h2{ padding-bottom: 30px; font-size: 48px; color: #333;}
.front_con p{ line-height: 50px; font-size: 30px; color: #333;}
.front_con .img{ position: relative; margin: 30px auto 0;}
.front_con .img .des_lft{ position: absolute; top: 306px; left: -250px; text-align: right;}
.front_con .img .des_lft p,.front_con .img .des_rgt p{ padding: 10px 45px;}
.front_con .img .des_rgt{ position: absolute; top: 276px; right: -100px; text-align: left;}


/* 地图标注须知弹框 */
.mapnotice_box{ padding: 0 0 0 30px;}
.mapnotice_box .head{ padding: 20px 0;}
.mapnotice_box .head span{ font-size: 14px; color: #f12525;}
.mapnotice_box .body .lft{ display: inline; float: left; width: 360px;}
.mapnotice_box .body .rgt{ display: inline; float: right; width: 360px;}
/*.mapnotice_box .body .lft .img,.mapnotice_box .body .rgt .img{ text-align: center;}*/
.mapnotice_box .body .lft .img img,.mapnotice_box .body .rgt .img img{ width: 280px; margin: 0 15px 0 0;}
.mapnotice_box .body .lft .img i,.mapnotice_box .body .rgt .img i{font-size: 36px;}
.mapnotice_box .body .lft .img .green{ color: #20b759;}
.mapnotice_box .body .lft p,.mapnotice_box .body .rgt p{ width: 280px; line-height: 25px; margin: 30px 0; font-size: 14px; color: #333;}
.mapnotice_box .body .rgt .red{ color: #f12525;}
.mapnotice_box .foot{ clear: both; padding: 10px 0 30px; text-align: center;}
.mapnotice_box .foot .btn{ padding: 5px 20px; margin: 0 0 10px 0;}
.mapnotice_box .foot .checkbox{ font-size: 12px; color: #666;}

.recharge_rst{ padding: 20px 30px 30px; font-size: 13px; color: #333;}
.recharge_rst span{ margin: 0 30px 0 0;}

.selectnum_head{ padding: 0 30px; text-align: center;}
.pick_con .btncon{ margin-left:60px;}
.pick_con .btncon .btn{ margin:0 0 0 10px; padding:7px;}

/* tab标签 */
.picktab_hd{ display: inline-block; height: 42px; margin: 15px auto 10px; padding: 4px 4px 0; border-radius: 6px; background: linear-gradient(to right,#ebebea,#eaebe0);}
.picktab_hd ul{ display: flex; flex-direction: row; justify-content: space-between; white-space: nowrap;}
.picktab_hd li{ display: inline; float: left; position: relative;}
.picktab_hd li a{ display: block; height: 34px; line-height: 34px; border-radius: 6px; padding: 0 20px; font-size: 14px; color: #3a3d40;}
.picktab_hd li.active a{ background: linear-gradient(to right,#f56c35,#f58b35); font-weight: bold; color: #fff;}
.picktab_hd li.new.active a:after{ display: none;}

/* 查询框 */
.selectnum_head .pick_con{ overflow:hidden; padding:10px 0;}
.selectnum_head .pick_con .btncon{ margin-left: 20px;}

/* 查询条件 */
.pickfilter_con{ overflow: hidden; height: 0; margin: 0 0 10px; background-color: #fff;}
.pickfilter_con.open{ height: auto;}
.pickfilter_con ul{ overflow: hidden; border: 1px solid #ddd; border-radius: 6px;}
.pickfilter_con ul li{ display: flex; flex-direction: row; justify-content: flex-start; background-color: #f9f9f9;}
.pickfilter_con ul li .label{ position: relative; flex-shrink: 0; flex-grow: 0; width: 101px; padding: 0 0 0 20px; font: bold 13px/30px Arial,Helvetica,sans-serif; color: #333; text-align: left;}
.pickfilter_con ul li .label .tooltip{ position: absolute; top: 0; left: 6px; font-size: 12px; color: #f56c35;}
.pickfilter_con ul li .con{ position: relative; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 3px 0; border-left: 1px solid #ddd; background-color: #fff;}
.pickfilter_con ul li .con .subItem{ padding: 0 10px; margin: 0 5px;}
.pickfilter_con ul li .con .price_box .filter_btn{ display: none;}
.pickfilter_con ul li .con .price_box{ padding: 2px 20px 2px 0;}
.pickfilter_con ul li .con .price_box:hover .filter_btn{ display: inline-block;}
.pickfilter_con ul li .con .filter_a,.pickfilter_con ul li .con .filter_default_a{ position: relative; display: inline-block; height: 16px; margin: 3px 8px; padding: 0 3px; border-radius: 2px; font: 13px/16px Arial,Helvetica,sans-serif; color: #333;}
.pickfilter_con ul li .con .filter_a em{ position: absolute; top: -8px; right: -10px; z-index: 99; display: inline-block; width: 12px; height: 12px; font-size: 12px; color: #f56c35;}
.pickfilter_con ul li .con .line{ display: inline-block; width: 1px; height: 13px; border-right: 1px dashed #ddd; margin: 0 5px;}
/*.pickfilter_con ul li .con .filter_default_a,.pickfilter_con ul li .con .line{ position: absolute;}*/
/*.pickfilter_con ul li .con .filter_default_a{ top: 3px; left: 0;}*/
.pickfilter_con ul li .con .line{ top: 8px; left: 45px;}
.pickfilter_con ul li .con .filter_num{ display: inline-block; width: 30px; height: 22px; line-height: 22px; margin: 0 5px; border: 1px solid #ddd; border-radius: 2px; text-align: center;}
.pickfilter_con ul li .con .filter_select{ width: 105px; height: 22px; line-height: 22px; margin: 0 5px; border: 1px solid #ddd;}
.pickfilter_con ul li .con .filter_input{ width: 100px; height: 22px; line-height: 22px; margin: 0 5px;}
.pickfilter_con ul li .con .btn{ padding: 1px 5px; }
.pickfilter_con ul li .con a.active{ background-color: #f56c35; color: #fff;}

.selectnum_body{ padding: 10px 25px;}

.num_con{ padding: 10px 0 35px;}
.num_con .num_table{ border: 1px solid rgb(230, 230, 230); border-bottom: 0 none;}
.num_con .num_list{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 100%;}
.num_con .num_list .item{ position: relative; width: 20%; min-width: 200px; padding: 5px;}
.num_con .num_list .item .con{ padding: 15px 20px; border: 1px dashed #fcbc77; border-radius: 5px; background-color: #fff; z-index: 99;}
.num_con .num_list .item h2{ margin-bottom: 3px; font-size: 24px; color: #f56c35;}
.num_con .num_list .item p{ line-height: 22px; font-size: 13px; color: #444;}
.num_con .num_list .item p.remark{display: -webkit-box; overflow: hidden; text-overflow:ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2; max-height: 45px;}
.num_con .num_list .item .con .handle{ display: none; margin-top: 5px;}
.num_con .num_list .item .con .handle .btn_danger{ display: inline; float: left; margin: 0 15px 0 0; padding: 4px 30px;}
.num_con .num_list .item .con .handle .sub{ display: inline; float: left; padding: 3px 0;}
.num_con .num_list .item .con .handle .sub .btn em{ color: #f56c35;}
.num_con .num_list .item .con .handle .sub a i,.num_con .num_list .item .con .handle .sub a em{ vertical-align: middle;}
.num_con .num_list .item:hover .con{ position: absolute; top: 0; left: 0; right: 0;background-color: #fffbf8; box-shadow: 0 1px 5px rgba(0,0,0,.1);}
.num_con .num_list .item:hover .con .handle{ display: block;}
.num_con .num_list .item.disabled h2,.num_con .num_list .item.disabled h2 p,.num_con .num_table .item.disabled td{ color: #999;}
.num_con .num_list .item.disabled .handle,.num_con .num_table .item.disabled .operation{ display: none;}
.num_con .num_list .item.disabled:hover .con .handle{ display: none;}
.num_con .num_list .item.disabled:hover .con{ border-color: #ddd;}
.num_con .num_table .item.disabled{ background-color: #eee;}
.num_con .num_table .item.disabled td{ background-color: #eee;}

.condition_list .title{ font-size: 14px; color: #333;}
.condition_list .item{ display: inline-block; margin: 5px; font-size: 14px;}
.condition_list .item a,.condition_tags a{ display: inline-block; line-height: 22px; padding: 0 7px; border-radius: 3px; background-color: #fef9f2;  border: 1px solid #fcbc77; font-size: 12px; color: #f57004;}
.condition_tags a{ margin: 3px;}
.condition_list .item a i{ display: inline-block; font-size: 12px; margin: 5px 0 0 7px; vertical-align: top;}
.condition_list .handle{ display: inline-block; margin:  0 0 0 5px;}
.condition_list .handle a{ margin: 0 5px;}
.condition_list .handle a i{ font-size: 18px; color: #f56c35; vertical-align: middle;}

.pagination_container{ position: fixed; bottom: 10px; left: 10px; right: 10px; padding: 3px 10px 0; background-color: #f2f2f2; border:1px solid #e6e6e6; height: 35px;}

.filter_open{ color: #f56c35;}
.filter_open em{ font-size: 14px; color: #f56c35; vertical-align: middle;}
.filter_open i{ display: inline-block; margin: 0 0 0 5px; transform: rotate(-90deg); font-size: 12px; color: #f56c35; vertical-align: middle;}

.citytree_wrap{ overflow: hidden; height: 100%;}
.citytree_wrap .citytree_rgt{ width: 300px; height: 100%;}
.citytree_wrap .citytree_lft{ width: 300px; height: 100%; border-right: 1px solid #ddd; overflow: hidden;}
.citytree_lft .citysearch_box{ position: relative; height: 50px; width: 80%; margin: 0 auto;}
.citytree_lft .citysearch_box .text{ width: 100%; margin: 10px 0; background-color: #f9f9f9;}
.citytree_lft .citysearch_box i{ position: absolute; top: 16px; right: 10px; font-size: 14px; color: #999;}
.citytree_lft .citytree_box{ height: calc(100% - 50px); padding: 10px; overflow: auto;}
.citytree_rgt h6{ height: 30px; line-height: 30px; padding: 0 20px; font-size: 13px;}
.citytree_rgt .list{ height: calc(100% - 30px); padding: 0 10px; overflow: auto;}
.citytree_rgt .item{ position: relative; height: 30px; line-height: 30px; margin: 5px; padding: 0 10px; background-color: #f9f9f9;}
.citytree_rgt .item span{ font-size: 13px; color: #333;}
.citytree_rgt .item a{ position: absolute; top: 0; right: 10px;}
.citytree_rgt .item a i{ font-size: 14px; color: #999;}
.citytree_rgt .item a:hover i{  color: #f56c35;}

.importmenu_box{ height: 65px; border-radius: 10px; background: linear-gradient(#fff9f6,#fff);}
.importmenu_box .hd{ float: left; display: inline; margin: 0 13px;}
.importmenu_box .hd h2{ line-height: 65px; padding: 0 0 0 12px; font-size: 20px; color: #333;}
.importmenu_box .item{ float: left; display: inline; height: 33px; line-height: 33px; border-radius: 18px; margin: 15px 13px 0; padding: 0 15px; background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.1);}
.importmenu_box .item span{ font-size: 14px; color: #565656; vertical-align: middle;}
.importmenu_box .item i{ display: inline-block; width:22px; height: 22px; margin: 0 3px 0 0; border-radius: 4px; background:url(../images/agenthome_icon.png?v=1.22) no-repeat; vertical-align: middle;}
.importmenu_box .item i.pick_icon{ background-position:0px -231px;}
.importmenu_box .item i.hmms_icon{ background-position:-37px -231px;}
.importmenu_box .item i.jxlh_icon{ background-position:-76px -231px;}
.importmenu_box .item i.lhtjt_icon{ background-position:-120px -231px;}
.importmenu_box .item.active{ background: linear-gradient(to right,#ff700d,#ffa060);}
.importmenu_box .item:hover{ background-color: #fff8f3;}
.importmenu_box .item:hover span{ color: #ff700d; }
.importmenu_box .item.active i{ background-position-y: -261px;}
.importmenu_box .item.active:hover{ opacity: 0.9;}
.importmenu_box .item.active span{ color: #fff;}

/* 条件设置 */
.conditionset_wrap{ padding: 20px 30px;}
.conditionset_wrap a{ display: inline-block; width: 90px; margin: 5px; padding: 3px 10px; border: 1px dashed #ddd; text-align: center;}
.conditionset_wrap a.active{ border-color: #f56c35; background: #f56c35; color: #fff;}