@charset "UTF-8";
/**
 * 
 * @author  vallery
 * @date    2015-10-16 14:30:36;
 * @version 1.0
 */
 /*网页整体设置*/ 
*{ margin:0; padding:0;}		
ul,li{ list-style:none;}		
.wrapper{ width:100%;}		 
html,body{height:100%;width:100%; overflow: auto}

body {
    height: 100%;
    width: 100%;
    background-image: url('../../../static/images/mailbox/bj.png');
    background-image: none \9;
    background-color: #eaeaea;
    background-position: center center;
    background-repeat: no-repeat;
    background-repeat: repeat \9;
    background-size: cover;
    background-attachment: fixed;
}
a:link{outline:none;}

 /*常用组件钩子*/
.clear{clear: both;}
.mt10{margin-top: 10px;}
 
 /*信箱布局*/
.layout-containerW{width:1000px;border:solid 1px #E6E1CA;margin:10px auto 0px;background:#fff;}

/* 邮箱声明 */


/*邮箱标题说明*/
.layout-container{position: relative;width: 100%; margin: 10px auto; height: auto; }
.layout-con-left{width: 235px;height: auto;float: left;margin-left:10px;}
.layout-con-right{width: 735px;margin-left:10px;height: auto;float: left;border:#ccc;}
.mailbox-title{height:50px;line-height:50px;background:#4799c1;color:#FFF;text-indent:2em;}

/*邮箱左侧标题*/
.mailbox-leftList{list-style:none;padding:0px}
.mailbox-leftList li{height:40px;line-height:40px;background:url('../../../static/images/mailbox/arrow_grey.png')  160px 15px no-repeat #f2f2f2 ; border-bottom:1px solid #c6c6c6;text-indent:2em;}
.mailbox-leftList li:hover{background:url('../../../static/images/mailbox/arrow_blue.png')  160px 15px no-repeat #f2f2f2 ;color:#4799c1 }
.mailbox-leftList li a{  display:block;height:40px;width:100%; color:#444;}
.mailbox-leftList li a:hover{color:#4799c1} 
.mailbox-leftTitle{height: 40px;width:100%;background:#4799c1;color:#FFF;text-align:center;}
.mailbox-leftTitle h4{margin-top:0px;line-height:40px;text-align:center;}

/*用户登录*/
.yhdlcon{width:100%;height:150px;background:#fff;border:solid 1px #ccc;}
.sjh{height:50px;width:100%;}
.sjhcon{width:75px;font-size:14px;float:left;line-height:50px;text-indent:15px;}
.sjhinput{display:block;width:135px;float:left;height:25px;border:solid 1px #ccc;line-height:25px;margin-top:13px;}
.yhdl{display:block;height:26px;width:75px;float:left;margin-left:15px;background:url('../../../static/images/mailbox/dlimg.gif') left top no-repeat;border:0;}
.diver{width:10px;float:left;height:30px;line-height:30px;margin-left:10px;color:#3EAAF2;}


/*邮件查询*/ 
.mailbox-queryTitle{height:50px; line-height:50px;color:#FFF;padding: 0px;background:#4799c1;text-indent:2em;}

.mailbox-result, .mailbox-result td{ border:1px solid #DDD;word-break: break-all;word-wrap: break-word;}

/* 分割线 */
.mail-divider { width:98%; margin:0px auto; border-bottom: 1px solid #DCDCDC;  margin-bottom: 20px;}

/* 写信说明 */
.mailbox-note p{
    text-indent: 5px;
    margin: 15px 0;
    display: block;
    width: 100%;
}

/* 写信 提交按钮 */
.mailbox-submit, .mailbox-reset{width: 100px;height: 27px;line-height:27px; letter-spacing:2px;border:none;color:#FFF;margin:0px 5px}
.bc-blue{ background:#4799c1;}
.bc-grey{ background:#6e6e6e;} 
.error{color:#f00;font-size:12px;font-weight:normal;}

/* 搜索信件按钮 */
.mailbox-serch-btn{width:120px;margin:0px 5px;}

/*网页头部、页脚*/ 		
.container{ padding-left:5px; padding-right:5px;margin:0px auto;}
		
/* .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right: 0px;  padding-left: 0px;margin-left:0px;margin-right:0px;}
 */	
@media (min-width:1200px){.container{width:1002px;margin: 0 auto;}}

/*头部*/
/* .head{	min-height:99px; height: auto; background-color:#343539 ;	} */

/*logo*/
.logo {
    height: 65px;
    background: url('../../../static/images/mailbox/layout/img_08.png') no-repeat center;
    margin-top: 17px;
    background-color: #343539;
}
.col-bgcolor{background-color:#343539 ; width: 100%; height: auto;}
		
/*电话*/
.tel{height: 43px; background:url('../../../static/images/mailbox/layout/img_10.png') no-repeat right bottom;background-color:#343539 ;}
		
/*搜索*/
/* .head .input-search{ width:210px; height: 30px;  margin-top:15px;background-color:#343539 ; } */
.btn-ys{ background-color: #EC3700; margin-top:15px; width: 68px;}
.btn-ys span{color: #fff;letter-spacing: 5px; font-family: "微软雅黑";font-size: 14px}
.top-search{ float:right!important; }
.top-search .form-control{ border-radius: 0px; background: #fff; }
.top-search .btn{ border-radius: 0px;line-height: 1.3; }

/*导航*/
.top-nav{background-color:#343539 ;}
.top-nav ul.nav-list{ padding-top:0px;}
.top-nav ul.nav-list li{ padding: 25px 0px 0px 20px;float:left; /*font-family: "微软雅黑";*/}
.top-nav li a{ display:inline-block;color: #fff; letter-spacing: 1px; }	
@media (max-width:992px){

/*导航*/
.top-nav ul.nav-list li{ padding: 10px 0px 15px 20px;float:left; }
.top-search{ float:right!important; }}
@media (max-width:768px){
		
/*电话*/
.tel{height: 43px; background:url('../../../static/images/mailbox/layout/img_10.png') no-repeat center bottom #343539;}

/*搜索*/
.head .input-search{ width:200px; height: 30px;  margin-top:15px;background-color:#fff ; }
.top-search{ float:none; margin: 0 auto; }

/*导航*/
.top-nav ul.nav-list li{ padding: 10px 0px 10px 20px;float:left; }}
			
/*底部连接*/
.dblj-box{ min-height: 287px; background: #4C4C4C;}
.dblj-box li a:link{  color: #C5C5C5; text-decoration: none;}
.dblj-box li a:visited{  color: #C5C5C5; text-decoration: none;}
.dblj-box li a:hover{  color: #FEEB80; text-decoration: none;}

/*产品服务*/
.cpfw-box{ border-right: 1px solid #525252; color: #fff; padding:10px 0px 0px 20px;  }
.cpfw-box .cpfw-list .first{ line-height: 50px; color: #07A7E1; font-size: 14px; cursor: default;}
.cpfw-box .cpfw-list li{ line-height: 30px;  font-size: 12px; }
		
/*关于山谷*/
.gysg-box{ border-right: 1px solid #525252; color: #fff; padding:10px 0px 0px 80px;  }
.gysg-box .gysg-list .first{line-height: 50px;  color: #07A7E1; font-size: 14px;cursor: default; }
.gysg-box .gysg-list li{ line-height: 30px;  font-size: 12px;}
		
/*友情链接*/
.yqlj-box{ color: #fff;padding:10px 0px 0px 50px; }
.yqlj-box .yqlj-list .first{line-height: 50px;  color: #07A7E1; font-size: 14px;cursor: default;}
.yqlj-box .yqlj-list li{ line-height: 30px; font-size: 12px; }
		
/*右侧二维码图片*/
.right-pic{  float: left; text-align:center; padding-top: 70px; color: #fff; line-height: 40px; cursor: default; }
.right-pic1{  padding-left: 40px; }
.right-pic2{  padding-left: 40px; }
@media (max-width:767px){

/*产品服务*/
.cpfw-box{ padding:10px 0px 0px 10px;  }
		
/*关于山谷*/
.gysg-box{ padding:10px 0px 0px 10px;  }

/*友情链接*/
.yqlj-box{ padding:10px 0px 0px 10px; }}
		
/*底部*/
.foot{height: 105px; background: #2D2D2D; font-size:12px; line-height: 25px; /*font-family: "微软雅黑"*/ }
.foot .copyright{ position:relative; padding:15px 0; min-height:90px; }
.foot .lianjie-box{ color:#A4A4A4  }
.foot .lianjie-box a:link{ color: #fff; }
.foot .lianjie-box a:hover{ color: #FF9900; }
.foot .lianjie-box a:visited{ color: #fff; }
.foot span{ color: #ACACAC; }
.copyright-mobile{ display:none;}
@media (max-width:767px){.foot .copyright{ display:none;}.foot .copyright-mobile{ display:block; padding:15px 0; color:#ACACAC; text-align: center; }}


/*弹出框*/
.ui-dialog{ border-radius:5px; box-shadow:0 0 3px rgba(0,0,0,.3); padding:0; background-color:#fff; z-index:9999;overflow: hidden;position:absolute;top: 0;left: 0;}
.ui-widget-header{ background:#019dda; height:40px; padding:10px; color:#fff; position:relative;}
.ui-widget-header .ui-dialog-title{ font-size:16px;}
/* .ui-widget-header .ui-dialog-title:before{
	content:"\e140";
	font-weight:100;
} */
.ui-widget-header .ui-button{ border:0; background:none; color:#fff; position:absolute; top:10px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-close{ right:10px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-max{ right:30px;}
.ui-widget-header .ui-button.ui-dialog-titlebar-min{ right:50px;}
.ui-widget-header .ui-button .ui-icon{font-family: "Glyphicons Halflings";}
.ui-widget-header .ui-button .ui-icon-closethick:before{ content:"\e014"; font-weight:100;}
.ui-widget-header .ui-button .ui-icon-extlink:before{ content:"\e140"; font-weight:100;}
.ui-widget-header .ui-button .ui-icon-newwin:before{ content:"\e097"; font-weight:100;}
.ui-widget-header .ui-button .ui-icon-minus:before{ content:"\2212"; font-weight:100;}
.ui-widget-header .ui-button .ui-button-text{ display:none;}
.ui-dialog .ui-dialog-content{ padding:0px;}
.ui-dialog .ui-dialog-content .dialog-iframe{ overflow-y:auto;}
.ui-dialog .ui-dialog-buttonpane{ border-top:1px #e5e5e5 solid; padding:10px;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{ padding:0; text-align:right;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button{ margin-left:10px;color:#e5e5e5;background:#019dda;border:1px solid #019dda;/* background: linear-gradient(to bottom, #fff 50%, #ececec 100%) repeat-x #fff; border:1px #e5e5e5 solid; */ border-radius:5px; font-size:12px; padding:5px 20px; }
.ui-body-form{ background-color:#fff; padding:15px;}
.ui-body-form .control-label{ text-align:right; padding-top:7px; max-width:200px;}
.ui-widget-overlay{ background: rgba(0, 0, 0, 0.3);height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index:9998;}
.ui-widget-success,.ui-widget-warning,.ui-widget-danger,.ui-widget-info{ font-size:16px; padding:38px 20px 30px 80px; position:relative; }
.ui-widget-success:before,.ui-widget-warning:before,.ui-widget-danger:before,.ui-widget-info:before{font-family: 'Glyphicons Halflings'; font-size:40px; top:25px; position:absolute;left:20px;}
.ui-widget-success:before{ content:"\e084"; color: #83b055 !important;}
.ui-widget-warning:before{content:"\e085"; color: #ffa834 !important;}
.ui-widget-info:before{ content:"\e086"; color: #5da5d7 !important;}
.ui-widget-danger:before{content:"\e083"; color: #ed6160 !important;}

/* 信箱IE8样式 */

.mailbox-add-p .form-group label {
    width: 16.66666667%;
    text-align: right;
}

.mailbox-add-p .form-group div, .mailbox-add-p .form-group label {
    float: left;
}

.mailbox-add-p .form-group .col-sm-7 {
    width: 58.33333333%;
}

.mailbox-add-p .form-group .col-sm-6 {
    width: 50%;
}

.mailbox-add-p .form-group .col-sm-5 {
    width: 41.66666667%;
}

.mailbox-add-p .form-group .col-sm-4 {
    width: 33.33333333%;
}

.mailbox-add-p .form-group .col-sm-3 {
    width: 25%;
}

.mailbox-add-p .form-group .col-sm-2 {
    width: 16.66666667%;
}

.mailbox-add-p .form-group .col-sm-1 {
    width: 8.33333333%;
}

.mailbox-add-p .form-group .col-sm-offset-4 {
    margin-left: 33.33333333%;
}

.mailbox-add-p .form-group .col-sm-offset-3 {
    margin-left: 25%;
}

.mailbox-add-p .form-group .col-sm-offset-1 {
    margin-left: 8.33333333%;
}

/*

.col-sm-12 {
    width: 100%;
}
.col-sm-11 {
    width: 91.66666667%;
}
.col-sm-10 {
    width: 83.33333333%;
}
.col-sm-9 {
    width: 75%;
}
.col-sm-8 {
    width: 66.66666667%;
}
.col-sm-7 {
    width: 58.33333333%;
}
.col-sm-6 {
    width: 50%;
}
.col-sm-5 {
    width: 41.66666667%;
}
.col-sm-4 {
    width: 33.33333333%;
}*/