@charset "utf-8";
/* CSS Document */

@font-face {
font-family: 'CenturyGothicRegular';
src:url('./fonts/CenturyGothic.eot');
src:local('CenturyGothic Regular'),
local('CenturyGothic'),
url('./fonts/CenturyGothic.woff') format('woff'),
url('./fonts/CenturyGothic.ttf') format('truetype'),
url('./fonts/CenturyGothic.svg#CenturyGothic') format('svg');}
*{ margin:0; padding:0;line-height:1.6;}
i,div,input,button,a,p,span,ul,li,h1,h2,h3,h4,h5,h6{ font-style:normal; list-style:none; margin:0; padding:0;font-family:Century Gothic,'微软雅黑';}
a{ text-decoration:none !important;}
input{ outline:none !important;}
.modal-dialog{margin:0px !important;}
h1,h2,h3,h4,h5,h6 {margin:0px !important;line-height: normal !important;}

::-webkit-scrollbar { width:8px;}
::-webkit-scrollbar-button { width:8px; height:0px;}
::-webkit-scrollbar-track { background:none; box-shadow:none;}
::-webkit-scrollbar-thumb { background:#83ccf8; border:thin solid #83ccf8; border-radius:3px;}
::-webkit-scrollbar-thumb:hover { background:#83ccf8;}

.link-yellow{ color:#f3bf4b;}
.link-yellow:hover{ color:#f3bf4b; text-decoration:underline;}
.link-yellow:link, .link-yellow:visited, .link-yellow:active{ color:#f3bf4b;}
.link-blue{ color:#3899ec;}
.link-blue:hover{ color:#4db4f1; text-decoration:underline;}
.link-blue:link, .link-blue:visited, .link-blue:active{ color:#4db4f1;}
.link-green{ color:#7dd79a !important; font-size:13px;}
.link-green:hover { text-decoration:underline !important;}

.edit-btn-box div.btn-content {display:inline;}

.f105{ font-size:105px !important;}
.f42{ font-size:42px !important;}
.f36{ font-size:36px !important;}
.f32{ font-size:32px !important;}
.f28{ font-size:28px !important;}
.f24{ font-size:24px !important;}
.f22{ font-size:22px !important;}
.f20{ font-size:20px !important;}
.f18{ font-size:18px !important;}
.f16{ font-size:16px !important;}
.f15{ font-size:15px !important;}
.f14{ font-size:14px !important;}
.f12{ font-size:12px !important;}
.f10{ font-size:10px !important;}

.f-white{ color:#ffffff !important;}
.f-gray{ color:#c3c3c3 !important;}
.f-red{ color:#ff0000 !important;}
.f-yellow{ color:#f3bf4b !important;}
.f-purple{ color:#cd90e2 !important;}
.f-dgreen{ color:#43c5c0 !important;}
.f-lgreen{ color:#7dd79a !important;}
.f-dblue{ color:#3899ec !important;}
.f-lblue{ color:#79b6f0 !important;}
.f-eee {color:#eee !important;}
.f-ccc {color:#ccc !important;}
.f-basec {color:#3697e9 !important;}
.f-F3B{color:#F3BF4B !important;}
.f-898{color:#898989 !important;}
.f-454{color:#454545 !important;}
.f-green{ color:#7dd79a !important;}

.bg-yellow{ background-color:#f3bf4b !important;}
.bg-purple{ background-color:#cd90e2 !important;}
.bg-dgreen{ background-color:#43c5c0 !important;}
.bg-lgreen{ background-color:#7dd79a !important;}
.bg-dblue{ background-color:#3899ec !important;}
.bg-lblue{ background-color:#79b6f0 !important;}

.icon-gray{ border:dashed 2px #898989;}
.icon-yellow{ border:solid 2px #f3bf4b;}
.icon-purple{ border:solid 2px #cd90e2;}
.icon-dgreen{ border:solid 2px #43c5c0;}
.icon-lgreen{ border:solid 2px #7dd79a;}
.icon-dblue{ border:solid 2px #3899ec;}
.icon-lblue{ border:solid 2px #79b6f0;}

.txt-left{ text-align:left !important;}
.txt-center{ text-align:center !important;}
.txt-right{ text-align:right !important;}

.fbold{ font-weight:bold !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.ml5{ margin-left:5px !important;}
.ml10{ margin-left:10px !important;}
.ml15{ margin-left:15px !important;}
.ml20{ margin-left:20px !important;}
.ml45{ margin-left:45px !important;}
.mr5{ margin-right:5px !important;}
.mr10{ margin-right:10px !important;}
.mr15{ margin-right:15px !important;}
.mr20{ margin-right:20px !important;}
.mb5{ margin-bottom:5px !important;}
.mb10{ margin-bottom:10px !important;}
.mb15{ margin-bottom:15px !important;}
.mb20{ margin-bottom:20px !important;}
.mb25{ margin-bottom:25px !important;}
.mb30{ margin-bottom:30px !important;}
.mbnone{ margin-bottom:0 !important;}
.bnone{ border:none !important;}
.pnone{ padding:0 !important;}
.outnone{ outline:none !important;}
.pd10 { padding: 10px; }

.i-lineh65 {line-height: 65px !important;}
.i-lineh48 {line-height: 48px !important;}
.i-lineh75 {line-height: 75px !important;}
.i-lineh50 {line-height: 50px !important;}
.i-lineh240 {line-height: 240px !important;}

.E_bg_dark::before { content:''; display:block !important; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.35); z-index:-100;}
.E_bg_cover{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.E_bg_contain{ background-color:transparent !important; background-size:contain !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.E_bg_auto{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:repeat !important;}
.E_bg_center{ background-color:transparent !important; background-size:auto !important; background-position:50% 50% !important; background-repeat:no-repeat !important;}
.E_bg_fixed{ background-color:transparent !important; background-size:cover !important; background-position:50% 50% !important; background-repeat:no-repeat !important; background-attachment:fixed !important;}
.E_bg_white{ width:100%; float:left; background:#ffffff; padding:3%;}

.btn-yellow-lg, .btn-blue-lg, .btn-gray-lg, .btn-blue-line, .btn-gray-line, .btn-yellow{ display:inline-block; height:36px; line-height:34px; border-radius:19px; padding:0 28px; transition:background-color 0.3s !important;}
.btn-yellow-lg{ border:solid 1px #f3bf4b; color:#f3bf4b; }
.btn-yellow-lg:hover{ background:#f3bf4b; color:#fff !important;}
.btn-yellow{ border:solid 1px #f3bf4b; color:#fff !important; background:#f3bf4b;}
.btn-yellow:hover{ border:solid 1px #ffcc59; color:#fff !important; background:#ffcc59;}
.btn-blue-lg{ border:solid 1px #3899ec; color:#fff !important; background:#3899ec;}
.btn-blue-lg:hover{ border:solid 1px #4db4f1; background:#4db4f1;}
.btn-gray-lg{ border:solid 1px #d9d9d9; color:#fff !important; background:#d9d9d9;}
.btn-gray-lg:hover{ border:solid 1px #c9c9c9; background:#c9c9c9;}
.btn-blue-line{ border:solid 1px #3899ec; color:#3899ec !important; background:#fff;}
.btn-blue-line:hover{ border:solid 1px #3899ec; color:#fff !important; background:#3899ec;}
.btn-gray-line{ border:solid 1px #ddd; color:#aaa !important; background:#fff; height:34px; line-height:32px; border-radius:18px;}
.btn-gray-line:hover{ border:solid 1px #bbb; color:#fff !important; background:#bbb;}
.btn-blue{ display:inline-block; height:28px; background:#3899ec; padding:0 10px; line-height:28px; color:#fff; border-radius:3px;}
.btn-blue:hover{ background:#4db4f1; color:#fff;}
.btn-gray{ display:inline-block; height:28px; background:#d9d9d9; padding:0 10px; line-height:28px; color:#fff; border-radius:3px;}
.btn-gray:hover{ background:#c9c9c9; color:#fff;}

.editor-nav-block{ position:relative; width:100vw; height:48px;}
.editor-nav{ position:fixed; width:100%; height:48px; min-width:980px; box-shadow:0 0 15px 0 rgba(22, 45, 61, 0.5); top:0; left:0; background-color:#fff; z-index:10000; transition:0.6s cubic-bezier(0.645, 0.045, 0.355, 1) top;}
.editor-top-nav{ position:absolute; left:0; height:48px; line-height:48px; width:100%;}
.editor-nav-btn a{ cursor:pointer;float:left; width:80px; font-size:16px; height:48px; line-height:48px; text-align:center; color:#898989; border-left:solid 1px #eeeeee;}
.editor-nav-btn a:hover, .editor-nav-btn a:hover i{ color:#3899ec;}
.editor-nav-btn a.first{ width:100px; border-right:solid 1px #eeeeee;cursor: pointer;}
.editor-nav-btn a.last{ width:100px; background:#3899ec; color:#fff !important; border:none;}
.editor-nav-btn a:hover.last{ background:#4db4f1;}

.editor-nav-mid{ position:absolute; left:425px; right:425px; text-align:center;}
.editor-nav-location{ display:inline-block;}
.editor-nav-location span{ display:inline-block; margin:0 5px;}
.editor-nav-location span em{ font-style:normal;float:left; font-size:14px; color:#898989; margin-right:5px;}
.editor-nav-location span input{ float:left; width:50px; height:24px; margin-top:12px; border:solid 1px #ddd; border-radius:3px; text-indent:5px;}

.editor-content-wrapper{ position:absolute; width:100%; top:48px; bottom:0; left:0; transition:0.6s cubic-bezier(0.645, 0.045, 0.355, 1) top, 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) height;}
.editor-content-block{ position:relative; width:100%; height:100%;overflow: hidden;}
.editor-content-box{ position:absolute; top:0; bottom:0; width:100%;overflow: hidden;}

.panel-nav-block{ position:absolute; display:block; left:12px; top:32px; z-index:1000; bottom:35px;}
.circle-btns{ float:left; clear:left; width:50px; height:50px; margin-bottom:12px;}
.circle-btns a{ display:inline-block; width:100%; height:100%; line-height:48px; text-align:center; color:#454545; background:linear-gradient(to bottom, rgba(255, 255, 255, 0.96) 0%, rgba(238, 238, 238, 0.96) 100%); box-shadow:0 2px 5px 0 rgba(22, 45, 61, 0.58); border-radius:25px; z-index:2000; font-size:15px; z-index:1500;}
.circle-btns a:hover{ color:#fff;}
.circle-btns.active a{ color:#fff !important; text-decoration:none !important; box-shadow:none; width:70px; border-radius:25px 0 0 25px;}
.circle-btns.active a.panel-text, .circle-btns a:hover.panel-text{ background:#f8a238 !important;}
.circle-btns.active a.panel-image, .circle-btns a:hover.panel-image{ background:#3797ea !important;}
.circle-btns.active a.panel-btn, .circle-btns a:hover.panel-btn{ background:#d0427c !important;}
.circle-btns.active a.panel-form, .circle-btns a:hover.panel-form{ background:#fa7c33 !important;}
.circle-btns.active a.panel-theme, .circle-btns a:hover.panel-theme{ background:#60bc56 !important;}
.circle-btns.active a.panel-logo, .circle-btns a:hover.panel-logo{ background:#733ca6 !important;}

.panel-pop-block{max-height: 470px;position:absolute; width:350px; left:65px; top:0; bottom:0; border-radius:8px; background:#fff; box-shadow:0 0 14px 0 rgba(22, 45, 61, 0.36); min-height:390px; z-index:-100 !important;}
#Add-Text div.panel-pop-block{ border-left:solid 8px #f8a238;}
#Add-Image div.panel-pop-block{ border-left:solid 8px #3797ea;}
#Add-Btn div.panel-pop-block{ border-left:solid 8px #d0427c;}
#Add-Form div.panel-pop-block{ border-left:solid 8px #fa7c33;}
#Add-Theme div.panel-pop-block{ border-left:solid 8px #60bc56;}
#Add-Logo div.panel-pop-block{ border-left:solid 8px #733ca6;}


.panel-pop-box{ position:absolute; width:100%; height:100%;}
.panel-box-tt{ width:100%; float:left; height:49px; border-bottom:solid 1px #d9e1e8;}
.panel-box-tt span{ float:left; text-align:left; font-size:16px; margin-left:25px; margin-top:13px;}
.panel-box-tt span.close{ position:absolute; right:15px;}
.panel-box-content{ position:absolute; width:100%; top:50px; bottom:10px;}
/* .panel-box-content:hover{ overflow-y:scroll;} */
.panel-content-inner{ width:100%; float:left;}
.panel-content-innerbox{ position:relative; width:300px; float:left; margin:25px;}

.tab-pane{ transition: all .0s !important; z-index:1100;}
.panel-bgtext, .panel-bgimage, .panel-bgbtn, .panel-bgform, .panel-bgtheme, .panel-bglogo{ position:absolute; width:25px; height:90px; background:url(./images/icon.png) no-repeat center center; left:-25px; transition: all .1s cubic-bezier(.1,.1,.1,.1) .1s;}
.panel-bgtext{ height:70px; background-position:0 0;}
.panel-bgimage{ top:42px; background-position:-25px 0;}
.panel-bgbtn{ top:104px; background-position:-50px 0;}
.panel-bgform{ top:166px; background-position:-75px 0;}
.panel-bgtheme{ top:228px; background-position:-100px 0;}
.panel-bglogo{ top:290px; background-position:-125px 0;}

.edit-text-box{ width:290px; cursor:move; margin-bottom:15px;padding: 10px;}
.edit-text-box:hover{ outline:dotted 1px #4db4f1 !important; background:rgba(0,177,175,.05);}


/*图片工具*/
.pl-totalbox {position: fixed;left: 15px;top: 80px;bottom: 30px;width: 500px;border: 1px solid #eee;}
.pl-leftbar-ul {width: 60px;float: left;margin: 5px 0px;}
.pl-topcontent {height: 97px;cursor: pointer;padding: 13px 24px;background-color: #ffffff;display: flex;width: 342px;}
.pl-topcontent:hover {background-color: rgba(51, 122, 183, 0.12);}
.pl-lcontent{text-align:center;height: 65px;width: 65px;border: 1px solid #ccc;border-radius: 50%;}
.pl-rimg {display: flex;align-items: center;width:25px;height:25px;margin: 20px 0px;}
.pl-ccontent {vertical-align: top;display: inline-block;width: 148px;margin: 2px 10px 0 16px;flex: 1;}
.pl-topcontent.pl-ellipsis { overflow: hidden;text-overflow: ellipsis;}
.pl-ig-subtit p {padding: 10px 25px;font-size: 15px;}
.pl-ig-box-bottom { position:absolute;bottom:0px;height:50px;width:100%;}
.pl-ig-box-bottom p {color:#3797ea;text-align:right;padding:5px 20px;font-size:17px;width:130px;float:right;cursor:pointer;}
.row {margin:0px !important;}
.pl-ig-row {padding:0px 10px;}
.pl-ig-col4 {padding: 0px !important;;height:110px !important;cursor:move;}
.pl-ig-col4 div{width:93px;height:93px;background-size: cover !important;}
.pl-cus-img-sml {height: 100%;width: 100%;}

/*按钮工具*/
.edit-btn-box {float:left; margin-bottom:20px;cursor:move;}
.pl-btn-w135-h40 {width:135px;height: 40px;}
.pl-btn-w105-h40 {width:105px;height: 40px;}
.pl-btn-w40-h40 {width:40px;height: 40px;}
.custombtn {overflow:hidden;font-size:14px; color:#fff; text-align:center;height:100%;width:100%;display: inline-block;}
.pl-btn-theme1 { background:#3d9be9; border-radius:20px; font-family:Arial, Helvetica, sans-serif;line-height: 40px;}
.pl-btn-theme1:hover{ background:#2b6ca3;}
.pl-btn-theme2 { background:#3d9be9; font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 40px;}
.pl-btn-theme2:hover{ background:#2b6ca3;}
.pl-btn-theme3 { background:#2b6ca3; border-radius:5px; font-family:Georgia, "Times New Roman", Times, serif;line-height: 40px;}
.pl-btn-theme3:hover{ background:#002e5d;}
.pl-btn-theme4 { background:#2b6ca3; border-radius:20px; font-family:"Times New Roman", Times, serif;line-height: 40px;}
.pl-btn-theme4:hover{ background:#002e5d;}
.pl-btn-theme5 { background:#2b6ca3; border-radius:10px 0; font-family:Arial, Helvetica, sans-serif;line-height: 40px;}
.pl-btn-theme5:hover{ background:#002e5d;}
.pl-btn-theme6 { border:solid 2px #006c6d; color:#006c6d; border-radius:18px; font-family:Arial, Helvetica, sans-serif;line-height: 36px;}
.pl-btn-theme6:hover{ border:solid 2px #01b1af; color:#01b1af;}
.pl-btn-theme7 { border:solid 2px #2b6ca3; color:#2b6ca3; font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 36px;}
.pl-btn-theme7:hover{ border:solid 2px #3d9be9; color:#3d9be9;}
.pl-btn-theme8 { border:solid 2px #c51052; color:#c51052; border-radius:5px; font-family:Georgia, "Times New Roman", Times, serif;line-height: 36px;}
.pl-btn-theme8:hover{ border:solid 2px #f2668f; color:#f2668f;}
.pl-btn-theme9 { border:solid 2px #9c9c31; color:#9c9c31; border-radius:5px; font-family:"Times New Roman", Times, serif;line-height: 36px;}
.pl-btn-theme9:hover{ border:solid 2px #bdbf37; color:#bdbf37;}
.pl-btn-theme10 { border:solid 2px #b22087; color:#b22087; border-radius:18px 0; font-family:Arial, Helvetica, sans-serif;line-height: 36px;}
.pl-btn-theme10:hover{ border:solid 2px #df65b8; color:#df65b8;}
.pl-btn-theme11 { background:linear-gradient(#95c782, #60a347); border-radius:20px; font-family:Arial, Helvetica, sans-serif;line-height: 40px;}
.pl-btn-theme11:hover{ background:linear-gradient(#5fad7b, #1a803e);}
.pl-btn-theme12 { background:linear-gradient(#4cc8c7, #00a4a2); font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 40px;}
.pl-btn-theme12:hover{ background:linear-gradient(#499696, #006465);}
.pl-btn-theme13 { background:linear-gradient(#6e9ac0, #2e6ea4); border-radius:5px; font-family:Georgia, "Times New Roman", Times, serif;line-height: 40px;}
.pl-btn-theme13:hover{ background:linear-gradient(#517090, #093562);}
.pl-btn-theme14 { background:linear-gradient(#b99b82, #e2c6ad); border-radius:10px; font-family:"Times New Roman", Times, serif;line-height: 40px;}
.pl-btn-theme14:hover{ background:linear-gradient(#8d7763, #b8a28f);}
.pl-btn-theme15 { background:linear-gradient(#55a772, #1a803e); border-radius:10px 0; font-family:Arial, Helvetica, sans-serif;line-height: 40px;}
.pl-btn-theme15:hover{ background:linear-gradient(#548e68, #125d2b);}
.custombtn em {position: relative;top: 50%;display: block;transform: translateY(-50%);font-style:normal;}

/* 表单工具 */
/*.pl-form-o {padding:15px 20px;}*/
.pl-form-o img {width:100%;}

.pl-logo-radio {cursor:pointer;padding:5px 25px; margin: 10px 0px;font-size: 12px;}
.pl-logo-radio img {width:220px;height:30px;margin-left:12px;}

.pl-logo-deletebox,.pl-logo-buybox {margin:25px 25px 0px;height:65px;}
.pl-logo-deletebox {border-bottom:1px solid #eee;}
.pl-logo-deleteleftbox,.pl-logo-buyleftbox {float:left;}
.pl-logo-deleteleftbox div img{width:16px;height:16px;}
.pl-logo-deleteleftbox div span {font-size: 16px; font-weight: bold;color: #F3BF4B;}
.pl-logo-deleterightbox {margin-top:5px;float:right;width: 80px;height: 30px;text-align: center;border: 1px solid #3797ea;line-height: 30px;border-radius: 15px;}


/*表单样式*/
.pl-form1-input1 { width: 100%;background: #002E5D;border: none;height: 30px;color: white;text-indent: 5px;margin-top: 2px;}
.pl-form1-input2 { width: 100%;background: #002E5D;border: none;height: 80px;color: white;text-indent: 5px;margin-top: 2px; }
.pl-form1-submit { margin-top: 2px;float: right;background: #002E5D;border: none;color: white;padding: 6px; }
.form-opacity { width: 100%;height: 100%;position: absolute;opacity: 0;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #666;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #666;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #666;
}

/* 模块类弹框 */
#pleditormodulemyModal .modal-dialog{margin:120px auto;width:320px;height:360px;}
.pleditorbtnmyModal .modal-dialog{margin:120px auto !important;width:320px;} 
#pladdmodulemyModal .modal-dialog{margin:120px auto;width:920px;height:565px;}
.pleditor-module-modalfoot {text-align: left !important; padding:15px 25px !important;}
.pleditor-module-modalfoot div:nth-last-child(3) input[type="text"],.pleditor-module-modalfoot div:nth-last-child(2) input[type="text"] {text-indent:5px;border: none;border:1px solid #eee;height: 25px;border-radius: 3px;margin-left: 10px}
.pleditor-module-modalfoot div:nth-last-child(3) input[type="text"] {width: 170px;}
.pleditor-module-modalfoot div:nth-last-child(2) input[type="text"] {width: 200px;}
.pleditor-module-modalfoot div input[type="button"] {position:absolute;margin-left:5px;border: none;background:#3797ea;width: 25px; height: 25px;border-radius: 3px;}
.pleditor-module-modalfoot div {padding:5px 0px;}
.pleditor-module-modalfoot div select {margin-left: 10px;border: none;background: #eee;border-radius: 3px;width: 200px;height: 25px;}
 
.pl-addmodule-box-left,.pl-addmodule-box-right {height:445px}
.pl-addmodule-box-left{width:150px; float:left;border-right:1px solid #eee;overflow:scroll;}
.pl-addmodule-box-right {overflow: scroll;}
#Add-tit-mod img {width:690px;height:400px;}
#Add-tit-mod {padding:25px;}

#backiframe {top: 0;width: 100%;height: 100%;border: 0;overflow: hidden;position:absolute;} 

/*返回，保存弹框*/
.plcustom-modalhead {background:#3697e9;border:none !important;border-top-left-radius: 5.5px;border-top-right-radius: 5.5px;padding:10px 15px !important;color:white;border-bottom: none}
.plcustom-modalhead .close {color:white;text-shadow: none;opacity:1;font-size:35px;font-weight: normal;margin-top: -6 !important;}
.plcustom-modalmodal .modal-dialog{margin: 120px auto !important;width: 350px;}
.pl_customback_content {font-size: 18px;padding:25px;text-align: center;}

/* 预览 */
.pl_preview_box {width: 100%;background: white;height: 100%;position: fixed;z-index: 999999;top: 0px;display: block;}  
.u-header{ position:fixed; box-shadow:0 1px 5px 0 rgba(41,85,115,.21); width:100%; height:60px; top:0; left:0; background-color:#fff; z-index:70;}
.u-header-container{ align-items:center; display:flex; height:100%;}
.u-header-logo{ background:url(./images/logo.png) no-repeat center center; background-size:145px 30px; width:145px; height:30px; margin:0 40px;}
.u-header-logo a{ width:100%; height:100%; display:block;}

.wh100{ width:100%; height:100%; float:left;}

.view-nav-btn a{ float:left; width:80px; font-size:16px; height:60px; line-height:60px; text-align:center; color:#898989; border-left:solid 1px #eeeeee;}
.view-nav-btn a i{ line-height:60px; cursor:pointer;}
.view-nav-btn a:hover, .view-nav-btn a:hover i, .view-nav-btn li.active a i{ color:#3899ec;}
.view-nav-btn a.first{ width:100px; border-right:solid 1px #eeeeee;}
.view-nav-btn a.last{ width:100px; background:#60bc57; color:#fff !important; border:none;}
.view-nav-btn a:hover.last{ background:#6dd263;}
.view-nav-btn ul{ float:left;margin:0px;}
.view-nav-btn li{ float:left;}

.tem-viewblock{ position:fixed; float:left; background:#f0f4f7; top:60px; left:0; right:0; bottom:0;}
.tem-viewbox{ width:100%; height:100%;}
.mobile-viewblock{ width:100%; height:100%; display:table; vertical-align:middle; max-width:340px; margin:0 auto;}
.mobile-viewbox{ width:100%; display:table-cell; vertical-align:middle;}
.mobile-modal{ position:relative; width:340px; height:585px; background:#fff; border-bottom:solid 3px #efefef; border-radius:25px; box-shadow:0 5px 15px rgba(100,100,100,.5);}
.mobile-modal-head{ width:100%; float:left; height:35px;}
.mobile-modal-head span{ width:100%; float:left; text-align:center; line-height:35px;}
.mobile-modal-head span i.radioS{ width:6px; height:6px; display:inline-block; background:#4f575e; border-radius:3px;}
.mobile-modal-head span i.radioL{ width:40px; height:6px; display:inline-block; background:#c3c3c4; border-radius:3px; box-shadow:0 -1px 2px rgba(0,0,0,.5); margin:0 5px;}
.mobile-modal-body{ width:320px; height:480px; float:left; margin:0 10px;}
.mobile-modal-body iframe{ width:100%; height:480px; overflow-y:scroll !important; overflow-x:hidden !important;}
.mobile-modal-foot{ width:100%; float:left; height:70px;}
.mobile-modal-foot span{ width:100%; float:left; text-align:center; line-height:70px;}
.mobile-modal-foot span i.boxL{ width:48px; height:48px; display:inline-block; background:linear-gradient(0deg, rgba(255,255,255,0), rgba(240,240,240,.4)); border:solid 1px #e0e0e0; border-radius:10px; margin-top:10px;}
.mobile-modal-foot span i.boxS{ width:24px; height:24px; display:inline-block; background:#fff; border:solid 1px #cfcfcf; border-radius:3px; margin-top:10px;}
.pc-viewbox{ width:100%; height:100%; float:left;}
.pc-viewbox iframe{ border: none;width:100%; height:100%; overflow-x:hidden !important;}
.mobile-modal-QRcode{ position:absolute; width:124px; height:124px; float:left; top:35px; right:-160px;}
.mobile-modal-QRcode span{ width:100%; float:left; text-align:center;}
.mobile-modal-QRcode span i{ width:130px; height:130px; background:#fff; float:left; box-shadow:0 3px 10px rgba(100,100,100,.2); border-radius:3px;}
.mobile-modal-QRcode span i div{ width:110px; height:110px; margin:10px; float:left; background:#f2f2f2;}

.pl-editu-l-btn,.pl-editu-r-btn{ border: 1px solid #ccc;width: 70px;height: 30px;border-radius: 15px;}
.pl-editu-l-btn {float: left;background: white;}
.pl-editu-r-btn {float:right;background: #3697e9;color:white;}

#releaseiframe {border: none;width: 100%;height: 100%;position: fixed;top: 0px;z-index: 99999999;}


.pl_islogin_Modal .modal-dialog {margin: 120px auto !important;width: 400px;}
.pl_islogin_Modal button.close {padding: 10px !important;}
.pl_islogin_box {font-size: 18px;padding:40px;text-align: center;}
.pl_islogin_box span {width: 100%;float:left;text-align: center;font-size: 12px;}
.pl_islogin_box span input {width: 100%;height: 30px;font-size: 14px;text-indent: 15px;border: solid 1px #dddddd;border-radius: 21px;outline: none !important;}
.clear {clear: both;}
.pl_islogin_box span a.buttons{ width:100%; font-size:14px; height:30px; line-height:30px; border-radius:21px; outline:none !important;cursor:pointer;}

.edit-form-box {cursor: move;float: left;margin-bottom: 20px;width: 290px;}
.edit-form-box div{border:1px solid #eee;border-radius: 5px;padding:2px;}

.modal-mid{ width:100%; max-width:360px; height:100%; display:table; vertical-align:middle; margin:0 auto;}
.modal-content{ position:relative; width:100%; float:left; background:#fff; border-radius:5px; border:none; box-shadow:0 5px 15px rgba(100,100,100,.5);}
.modal-box{ width:100%; display:table-cell; vertical-align:middle;}
.modal-inner{ width:100%; float:left; margin:5px 0;}
.info-listbox2{ width:100%; float:left;}
.info-listbox2 span{ width:100%; float:left; text-align:center; margin-bottom:20px; font-size:16px;margin-top:30px;}
.a-un-none {text-decoration: none !important;}
.a-un-none:hover {text-decoration: none !important;}
#ok {margin-bottom: 10px;}


.Browser_Tips{ position:absolute;z-index:999999;width:100%; float:left; height:36px; background:#fffadd; border-bottom:solid 1px #f5e29d;}
.Browser_Tips span.first{ width:94%; float:left; margin:0 3%;}
.Browser_Tips span.first em{ font-style:normal;width:80%; float:left; margin-left:10%; text-align:center; font-size:14px; line-height:36px; color:#604e2b;}
.Browser_Tips span.first i{ width:10%; float:left;}
.Browser_Tips span.first i a{margin-top: 5px;width:36px; float:right; font-size:14px; text-align:center; line-height:32px; color:#604e2b; text-decoration:none;}
.Browser_Tips span.first i a span { cursor:pointer;}