/*必备样式*/
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;}
ul,ol,dl{list-style-type:none;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button{overflow: visible;vertical-align:middle;outline:none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal; margin: 0;}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur());}
a{outline:none;text-decoration: none;color: #666;-o-transition: .2s ease;-moz-transition: .2s ease;-webkit-transition: .2s ease;transition: .2s ease;}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none;} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
/*img*/
img{border:0;vertical-align:middle;cursor: pointer;
  transition: all 0.6s;}
a img,img{-ms-interpolation-mode:bicubic;}
/*img:hover{transform: scale(1.1);}*/
.img-responsive{max-width: 100%;height: auto;}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline;}
audio,canvas,video{display:inline-block;display:inline;zoom:1;}
audio:not([controls]){display:none;}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5;}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden;}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
a{text-decoration:none; }
a:hover{text-decoration:none;}
body,th,td,button,input,select,textarea{ font-family: "微软雅黑";-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;border: none;}
body{line-height:1.6;font-family: "微软雅黑";font-size: 12px;margin: 0 auto; }
.fl{ float:left;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height: 0;font-size: 0;}

/*header*/
body{ background: url(../../images/from/bg.jpg) no-repeat top left;}
.header h3{ background: #fff; font-size: 34px; color: #dd63b1; height: 90px; line-height: 90px; text-align: center; border-bottom: 1px #e4dee2 solid; box-shadow:inset #efe8ed 0 -1px 10px; letter-spacing: 2px;}
.header h3 img{ padding-right: 10px;}
.w-1140{ width: 1040px; margin: 0 auto;}
.con{margin-top: 66px; overflow: hidden; margin-bottom: 36px;}
.conLeft{ width: 174px; float: left;}
.backTop a{ display: block; width: 174px; height: 88px; background: url(../../images/from/backbg.png) no-repeat center; text-align: center; line-height: 80px; font-size: 22px; color: #dd63b1;}
.leftNav{width: 174px; margin: 0 auto; margin-top: 26px; }
/*.leftNav h3 a{ display: block; width: 190px; height: 96px; text-align: center; line-height: 96px; font-size: 26px; color: #fff; background: #dd63b1; border:3px #d2d2d2 solid; border-radius: 6px; position: relative; z-index: 2; box-sizing: border-box;}*/
.leftNav ul{ width: 135px; margin: 0 auto; border: 2px #d2d2d2 solid; border-radius: 6px; margin-top: -12px; position: relative; z-index: 0; background: #fff; box-sizing: border-box;}
.leftNav ul li{ font-size: 22px; color: #b7b7b7; text-align: center; padding: 28px 0; margin: 0 20px;}
.leftNav ul li a{color: #b7b7b7; display: block;}
.leftNav ul li hover{ border: 2px #d2d2d2 solid; color: #4f4f4f; width: 164px;  background: #dd63b1; position: relative; left: -37px;}
.leftNav ul li hover:a{ color: #fff;}
.leftNav ul .leftNav-on a{color: #fff;}
.leftNav ul .leftNav-on{border: 2px #d2d2d2 solid; color: #4f4f4f; width: 164px;  background: #dd63b1; position: relative; left: -37px;}
.conRight{ width: 790px; float: right;}
.rightNav{ text-align: center; margin-bottom: 46px;}
.rightNav span{ position: relative;padding-bottom: 14px;}
.rightNav span::after{ content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #d2d2d2; }
.rightNav span a{display: inline-block; font-size: 30px; color: #b7b7b7; padding: 3px 58px; position: relative; z-index: 2; }
.rightNav span a:first-child{ margin-right: 70px;}
.rightNav span .rightNav-on{border-bottom: 3px #dd63b1 solid; color: #4f4f4f;}
.rightNav span a:hover{border-bottom: 3px #dd63b1 solid; color: #4f4f4f;}
.right-jie h3{font-size: 22px; color: #535353; margin-bottom: 12px;}
.right-jie p{ font-size: 20px; color: #393939; text-align: justify; text-indent: 2em; line-height: 30px; letter-spacing: 2px;}
.biao{ margin-top: 14px;}
.biao p{ margin-bottom: 12px;}
.biao p span{display: block; font-size: 16px; color: #535353; margin-bottom: 6px; }
.biao p span i{font-size: 12px;}
.biao p span em{ display: inline-block; width: 14px; height: 24px; color: #e992ca; background: url(../../images/from/xing.png) no-repeat center 5px; }
.biao p input{ font-size: 16px; width: 100%; border: 1px #a9a9a9 solid; border-radius: 6px;  box-sizing: border-box; padding: 6px 0 6px 10px;}
.biao p textarea{ width: 100%; height: 162px; border: 1px #a9a9a9 solid; border-radius: 6px;  box-sizing: border-box; padding: 6px 0 6px 10px; outline: none; font-size: 16px;}
.biao .yan span{ display: inline-block;}
.biao .yan input{ width: 104px; margin: 0 6px;}
.biao .yan img{ width: 96px; height: 36px;}
.buttom{ text-align: center; margin-top: 48px;}
.but{ display: inline-block; margin: 0 110px; width: 70px; height: 32px; text-align: center; line-height: 32px; font-size: 16px; color: #fff; border-radius: 12px; background: #c3c3c3; cursor: pointer;}
.submit{ background: #dd63b1;}
.biao h4{font-size: 20px; color: #000; opacity: 0.63; margin-top: 26px; letter-spacing: 1px;}

/*信箱投递*/
.success{ text-align: center; margin-top: 56px;}
.success div{ display: inline-block;}
.success div p{ text-align: left; font-size: 16px; color: #eb0053; margin-bottom: 10px; font-weight: bold;}
.success div p span{ padding: 0 34px; letter-spacing: 1px;}
.chax{ margin-top: 54px;}
.chax p{display: inline-block; width: 258px; margin-right: 80px; overflow: hidden;}
.chax p span{color: #535353; font-size: 16px; display: inline-block; line-height: 28px; float: left;}
.chax p input{font-size: 16px; width: 170px; border: 1px #a9a9a9 solid; border-radius: 6px;  box-sizing: border-box; padding: 4px 0 4px 10px; margin-left: 10px;}
.chax .but{ margin: 0; width: 74px; border-radius: 20px;  padding-bottom: 2px; float: right;  font-size: 14px; color: #fff; height: 30px; line-height: 30px;}
/*.chax .mima input{ width: 110px;}*/
/**/
.reply{ width: 100%; border: 1px rgba(0,0,0,0.4) solid; border-radius: 6px; padding: 35px 30px; box-sizing: border-box; background: rgba(247,203,231,0.4);}
.reply .reply-biao{ padding-bottom: 30px;}
.reply .reply-biao p{ width: 45%; margin-right: 0;}
.reply .reply-biao p:first-child{ margin-right: 68px;}
.reply .reply-biao .yan{ width: 100%; margin-top: 20px; height: 44px; margin-left: 45px;}
.reply .reply-biao .yan span{ display: inline-block; float: none;}
.reply-biao h4{color: #535353; padding-left: 40px;}
.reply-biao h4 i{color: #f50000;}
.reply .reply-biao .yan .submit{ float: none; margin-left: 42px; margin-top: 0;}
.reply table{ text-align: center; width: 100%; margin-top: 18px;}
.contact{ width: 100%;}
.click{ cursor: pointer; background-image: url(../../images/from/san.png); background-repeat: no-repeat; background-position: 120px center; }
.hidden{ display: none; width: 100%; text-align: left; border-top: none; }
.hidden-on{ }
.reply table thead tr td{ color: #959595; font-size: 18px;}
.reply table tr{border-top: 1px #cccccc solid;}
.reply table tr td{padding: 22px 6px; font-size: 15px; color: #484848;}
.reply svg{ width: 100%; height: 14px;}
.reply table tbody tr td{ max-width: 130px;}

.biao h4{ font-size: 14px; color: #f50000; margin-bottom: 14px; font-weight: bold;}
.kuan{width: 350px; display: inline-block;}
.kuan-right{ float: right;}

.table{ width: 100%; margin-top: 18px; border: 1px #dedede solid; background: #fff; border-radius: 10px; box-sizing: border-box; padding: 0 10px;}
.table span{ display: inline-block; width: 21.9%; text-align: center; padding: 22px 0;}
.tableTitle span{font-size: 14px; color: #959595;}
.tableList .tableItem{ border-top: 1px #cccccc solid;}
.tableList .tableItem span{ font-size: 12px; color: #484848;}
.tableTitle span:first-child{ width: 10.3%;}
.tableList .tableItem span:first-child{ width: 10.3%;}
.tableList .tableItem span:nth-child(2){ color: #a9a9a9;}
.tableList .tableItem .gray{color: #484848 !important;}
.tableList .tableItem .red{color: #ff0000 !important;}
.tableList .tableItem .green{color: #0b9f00 !important; display: inline-block; width: 21.9%; text-align: center; padding: 22px 0;}
.tableList .tableItem .miao{position: relative; display: none; width: 95%; margin: 0 auto; border: 1px #b3b3b3 solid; border-radius: 10px; padding: 8px 12px; box-sizing: border-box; margin-bottom: 16px;}

.tableList .tableItem .miao::after{content: ""; position: absolute; right: 24px; top: -14px; width: 24px; height: 16px; background: url(../../images/from/shang.jpg) no-repeat 0 0;}
.miao-ti{font-size: 12px; color: #858585; border-bottom: 1px #b3b3b3 dashed; line-height: 22px; padding: 6px 0; }
.miao-hui{border-bottom: 1px #b3b3b3 solid;}
.tableList .tableItem h5{ font-size: 14px; color: #484848; margin: 10px 0 24px 0;}
.miao-button{ margin-bottom: 6px; margin-left: 6px;}
.miao-button b{ font-weight: normal; display: inline-block; margin-right: 64px; cursor: pointer}
.miao-button b i{display: inline-block; width: 10px; height: 10px; border: 1px #dd63b1 solid; background: #fff; box-sizing: border-box; margin-right: 10px;}
.miao-button .on i{ background: #dd63b1;}
.miao-button .but{float: none; width: 50px; height: 20px; line-height: 20px; font-size: 12px;}







