@charset "utf-8";
/* CSS Document */
/*@charset "gb2312";*/
/**
 * ============================================================================
 * 版权所有: otc
 * 网站地址: otc
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $Author: apexsoft  
 * $mailto: <32173844@qq.com>
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important
*/

/**
 +------------------------------------------------------------------------------
 * 网站样式重写
 +------------------------------------------------------------------------------
 * @comefrom  zhouwenyong
 * @subpackage  zhouwenyong
 +------------------------------------------------------------------------------
 */body{ color:#666666; padding:0px; margin:0px; font-family: Microsoft YaHei,"宋体"; font-size:12px; background:#fff; min-width:1000px;}
* {} * a:link{}
a{outline:none; text-decoration:none; color:#666666; cursor:pointer;} a:hover{ text-decoration:none;}
html{/*zoom:1;*/ line-height:22px;}html *{outline:0;/*zoom:1;*/} html button::-moz-focus-inner{border-color:transparent!important;}
body{font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
.tar{ text-align:right;}
.color_blue{ color:#017ba9;}
.text-unline{ text-decoration:underline;}

/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}.inline-block{ display:inline-block;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}.ti2m{ text-indent:2em;}
.pt5{ padding-top:5px;}
.pl10{ padding-left:10px;}.pr10{ padding-right:10px;}.pt10{ padding-top:10px;}.pb10{ padding-bottom:10px;}.pd10{ padding:10px;}.mt10{ margin-top:10px;}.ml10{ margin-left:10px;}.pl2m{ padding-left:2em;}
.pt8{ padding-top:8px;}.lh28{ line-height:28px;}
.bd_1{ border:1px solid #eeeeee; height:100%;}
.pd1{ padding:1px; background:#fff;}
.pd5{ padding:5px;}.pb5{padding-bottom:5px;}
.brbm{ border-bottom:1px solid #dcdcdc; cursor:pointer;}.brtb{ border-top:2px solid #ccc;}.brbd{border-bottom:1px dotted #dcdcdc;}/*底部线条*/.mt30{ margin-top:30px;} .mt50{ margin-top:50px;}.fl{float:left;}.fr{float:right;}.txde{ text-decoration:underline;}
.mt20{ margin-top:20px;}.mb20{ margin-bottom:20px;}.ml20{ margin-left:20px;}.mr20{margin-right:20px}.mg20{margin:20px;}.mb5{margin-bottom:5px;}.mr5{ margin-right:5px;}.mr10{ margin-right:10px;}
body{}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:normal !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,.ff86aa a{ color:#ff8600;}
.color_h{ color:#ff6600;}
.color_5d{ color:#0067ff;}
.color_7d{ color:#047fca;}
.color_5df{ color:#389a69;}
.color_333{ color:#333}
.color_666{ color:#666}
.color_999{ color:#999}
.color_l{ color:#00cccc}
.color_blue{ color:#0f479e;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font12px{ font-size:12px;}
.font14px{ font-size:14px;}
.font16px{ font-size:16px;}
.font18px{ font-size:18px;}
.font24px{ font-size:24px;}
.font9pt{ font-size:9pt;}
.black{ color:#000;}
.red{ color:#ff6600;}
.white{ color:#fff;}
.bk_f1{ background:#f1f1f1;}
.bk_fff{ background:#fff;}
.bk_blue{ background:#daf0fe;}
.bk_c{ background:#eccdfe}
.bk_f7{ background:#f7f7f7;}
.bk_f9{ background:#f9f9f9;}

.br_solid{ border:1px solid #ededed;}

/*行高*/
.lh32{ line-height:32px;}

/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */


/*页面外围控制整体布局宽度*/
.wrapper{}

/* 网站外围阴影 */
.shardow{}

/* 容器盒子 */
.container{ width:1000px ; height:100% ; margin:10px auto 0px; padding:0 ; background:#fff;}
.box200{ width:200px;}
.box790{ width:790px;}
.box180{ width:180px;}
.box810{ width:810px;}

/*表单*/
.input{ background:url(images/icon.gif) repeat-x 0px 0px; border:1px solid #c8c8c8; height:22px; line-height:22px; color:#333; border-radius:5px; padding:0px 3px;}
.input:hover{ box-shadow:inset 0px 0px 3px #e7f5ff; border:1px solid #b4defd;}
.input:focus{box-shadow:inset 0px 0px 3px #e7f5ff; border:1px solid #b4defd;}
.textarea{background:#fff url(images/icon.gif) repeat-x 0px 0px;border:1px solid #c8c8c8; width:99.5%; height:56px; border-radius:5px; font-size:12px; padding:3px; overflow-y:auto;}
.textarea:hover{ box-shadow:inset 0px 0px 3px #e7f5ff; border:1px solid #b4defd;}
.textarea:focus{box-shadow:inset 0px 0px 3px #e7f5ff; border:1px solid #b4defd;}
.select{ width:157px;}

/*头部*/
.header{ background:#fff url(images/login/headBg.png) repeat-x 0px 0px; height:110px; width:100%; position:relative; z-index:99; /*box-shadow:0px 5px 5px #d4d4d4; -moz-box-shadow:0px 5px 5px rgba(0,0,0,.1);-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.1);*/}
.head{ width:1000px; margin:0px auto;}
.headBanner{ height:29px; line-height:29px;}
.topMenu{ float:left;}
.topMenu{ float:left; position:relative;}
.topMenu .shopTit{border:0px solid #fff; padding:0px 20px 0px 10px; background:url(images/icon.gif) no-repeat right -424px;position:relative; z-index:114; height:29px; line-height:29px; width:60px; margin:1px 1px 0px 1px;}
.topMenu .shopTitCur{border:1px solid #ededed; border-bottom:0px solid #fff;background:#fff url(images/icon.gif) no-repeat right -1076px; margin:0px;}
.topMenu .shopShow{ display:none; position:absolute; top:29px; right:0px; width:146px; height:auto; border:1px solid #ededed; background:#fff; z-index:113;}
.topMenu .tit{ background:url(images/bg.gif) repeat-x 0px -490px; height:36px; font-weight:400; line-height:36px; padding:0px 0px 0px 10px;}
.topMenu .shopItem{ position:relative; width:100%; padding:10px 10px;}
.topMenu .shopItem a{ display:block; width:126px; border-bottom:1px dotted #dedede; text-indent:10px;}
.topMenu .shopItemLeft{padding:0px 0px;}
.topMenu .shopItemRight{ border-left:1px solid #dedede; padding:0px 10px;}

.headMidd{ padding:5px 0px; height:78px;}
.logo{}
.logo img{ width:600px; height:65px;}

/*底部*/
.footer{ background:#fff url(images/footerBg.png) repeat-x 0px 0px; margin:10px 0px 0px 0px;}
.foot{ margin:0px auto; width:1000px; clear:both;}
.about{ padding:20px 0px; text-align:center;}

/*主体*/
.mainBox{ /*background:url(images/login/bg.png) repeat 0px 0px;*/ position:relative; z-index:98;}
.main{ width:1000px; margin:0px auto 0px auto; height:100%;}
.loginImg{ /*background:url(images/login/loginMainBg_temp.png) no-repeat 0px 88px;*/ width:406px; height:333px; padding:88px 0px 40px 0px; float:left;}
.loginBox{ float:right; width:350px;background: rgba(255,255,255,0.85);margin-top: 60px;border-radius: 20px;}
.loginTop{ background:url(/res/otc/css/remoteLogin/images/login/loginTop.png) no-repeat 0px 0px; height:66px;margin: 10px 0px 0px 0px;}
.loginMain{ /*background:url(images/login/loginMain.png) no-repeat 0px 0px;*/ min-height:226px; position:relative; padding:10px 0px 10px 0px;}
.txt{ padding:0px 0px 5px 36px; position:relative;}
.loginPos{ position:absolute; right:30px;}
.loginPos a:hover{ color:#0F479E; text-decoration:underline;}
.txt label{ color:#000; font-weight:400; font-size:14px; padding:0px 10px 0px 0px; /*width:58px;*/ display:inline-block; text-align:left; color:#0773b5;}
.userText{ background:#fff url(images/login/loginUser.png) no-repeat left -1px; border:1px solid #8ABDDF; height:30px; width:251px; line-height:14px;*line-height:30px;line-height:30px \9; padding:0px 6px 0px 30px; overflow:hidden; border-radius:2px;}
.pwdText{ background:#fff url(images/login/loginPwd.png) no-repeat left -1px; height:30px; width:251px; line-height:14px;*line-height:30px;line-height:30px \9; padding:0px 6px 0px 30px; overflow:hidden;border:1px solid #8ABDDF;border-radius:2px;}
.codeText{ background:#fff url(images/login/loginCode.png) no-repeat left -1px; border:none; height:30px; width:141px; line-height:14px;*line-height:30px;line-height:30px \9; padding:0px 6px 0px 30px; overflow:hidden;border:1px solid #8ABDDF;border-radius:2px;}
.code{ line-height:32px; height:37px; padding-top:0px; display:inline-block; position:absolute; left:220px;}
.code img{ height:30px; width:85px;}
.login{}
.loginBtn{ background-color: rgb(78,141,226); width:290px; height:32px; line-height:32px; color:#fff; font-size:18px; font-family:"Microsoft YaHei"; border:none; text-align:center; cursor:pointer;border-left:1px solid #d3160c; border-right:1px solid #d3160c;}
/*.loginBtn:hover{ background:url(images/login/loginBtn3.png) repeat-x 0px 0px; width:290px; height:32px;border-left:1px solid #f8ad14; border-right:1px solid #f8ad14; text-align:center; cursor:pointer;}*/
.pwd{ float:left;}
.pwdBtn{ background:url(images/login/loginBtn2.png) no-repeat 0px 0px; width:77px; height:38px; border:none; text-align:center; cursor:pointer; margin:0px 0px 0px 45px;}
.login a{}
.loginBtm{ /*background:url(images/login/loginBtm.png) no-repeat 0px 0px;*/ height:15px; padding:20px 0px 0px 50px; text-align:right;}
.icon_forget{ padding-right:20px;}
.loginBtm a:hover{ text-decoration:underline;}
.icon_index{ padding-right:10px;}

.errowMsg{ padding:0px 20px; color:#C00;}

a.btn{ background:#E4F2FE url(images/login/codeBtn.png) no-repeat 0px 0px; display:inline-block; height:36px; line-height:36px; color:#1172d7; padding:0px 0px 0px 10px;}
a.btn span{ background:#E4F2FE url(images/login/codeBtn.png) no-repeat right 0px; display:inline-block; height:36px; line-height:36px; color:#1172d7; padding:0px 10px 0px 0px;}
a.btn_disable{ background:#E4F2FE url(images/login/codeBtn.png) no-repeat 0px 0px; display:inline-block; height:36px; line-height:36px; color:#aaa; padding:0px 0px 0px 10px;}
a.btn_disable span{ background:#E4F2FE url(images/login/codeBtn.png) no-repeat right 0px; display:inline-block; height:36px; line-height:36px; color:#aaa; padding:0px 10px 0px 0px;}

.phone-code-text{
    width: 126px;
    line-height: 14px;
    padding: 0px 6px 0px 30px;
    overflow: hidden;
    border: 1px solid #8ABDDF;
    border-radius: 2px;
}

#popBody {
    color: #000000;
    display: none;
    font-size: 14px;
    padding-top: 10px;
    text-align: center;
    line-height: 20px;
    font-family:  arial,"Microsoft YaHei", sans-serif;
}
.s-add-nav-win-form {
    left: 0;
    padding: 0 20px;
    position: relative;
    width: 320px;
    z-index: 9999;
}
.s-add-nav-win-form .cite-form-ln {
    height: 29px;
    line-height: 29px;
}
.s-add-nav-win-form .err-msg-container{
    text-align: left;
    padding-left: 85px;
    font-size: 13px;
    font-family:  arial,"Microsoft YaHei", sans-serif;
    color: #ff0000;
}
.s-add-nav-win-form .cite-lbl {
    color: #999999;
    font-size: 13px;
    font-family:  arial,"Microsoft YaHei", sans-serif;
    margin-right: 5px;
}
.s-add-nav-win-form .cite-name-input {
    margin-right: 10px;
    width: 150px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("images/input_bg.png") no-repeat scroll 0 0 white;
    border-color: #D3D3D3 #EBEBEB #EBEBEB #D3D3D3;
    font-family:  arial,"Microsoft YaHei", sans-serif;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    font-size: 12px;
    height: 21px;
    outline: medium none;
    padding: 3px 7px 1px 4px;
}
.s-add-nav-win-form input.cite-input-focus, .s-add-nav-win-form input:active, .s-add-nav-win-form input:focus {
    border-color: #78BAED;
}
.s-add-nav-win-form .form-footer {
    height: 20px;
    padding-bottom: 17px;
    padding-top: 16px;
    position: relative;
    text-align: center;
    width: 320px;
}
.dia_btn {
    border: 0 none;
    color: #555555;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    width: 55px;
    font-family:  arial,"Microsoft YaHei", sans-serif !important;
    font-size: 13px !important;
}
.s-add-nav-win-form .form-footer .dia_btn_cancel {
    margin-left: 10px;
}
.dia_btn_ok {
    background: url("images/pop_btn.png") #76B8EB 0 0;
    color: #FFFFFF;
}
.dia_btn_cancel {
    background: url("images/pop_btn.png") #EDECEC 0 -34px;
}
.dia_btn_close {
    background: url("/res/otcV2/images/newMenu/pop_btn.png") #76B8EB 0 0;
    color: #FFFFFF;
}