html{color:#000;background:#f0f3f7; }
body { color:#666; font-size: 12px; font-family: "Microsoft YaHei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
.sut{vertical-align:top;}
.hide{display:none;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input[type="number"] { -moz-appearance: textfield;  -webkit-appearance: none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}

input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
.el-select .el-input {width: 130px;}
.el-select-ts .el-input{width:263px;}
.input-with-select .el-input-group__prepend {background-color: #fff;}

/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}


.wrap{max-width:640px; min-width:320px;margin:0 auto;  overflow:hidden;  } /*网站首页宽度*/

html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}

/* ipad竖屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait){
    html{font-size:24px;}
   .wrap{max-width:768px;}
}

/* ipad横屏 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape){
    html{font-size:32px;}
   .wrap{max-width:1024px;}
}

/* 兼容iphone6 Plus */
@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2)
and (orientation : landscape){
    html{font-size:23px;}
   .wrap{max-width:768px;}

}

a { color:#666; text-decoration:none; font-family: "Microsoft YaHei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px; font-family: "Microsoft YaHei";}
.tr { text-align:right;}
.tl { text-align:left;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.vam { vertical-align:middle;}
.mt5{margin-top:2px;}
.mgt16{ margin-top:16px;}
.mgt16-m{margin-top:1.2rem;}
.content{ width:960px; margin:0 auto; overflow:hidden; }
.triangle-right{width:0;height:0;border:4px solid transparent;border-left-width:4px; border-left-style:solid; display:inline-block;margin-left:4px;}
.triangle-right-blue{ border-left-color:#1890ff;}
.triangle-right-black{ border-left-color:#747474;}
.triangle-right-gray{ border-left-color:#d4d4d4;}
.icon3{background:url('../images/icon3.png') no-repeat; width:16px; height:16px; float:left; background-size:100%; }
.icon3-user{ background-position-y:-32px; }
.icon3-tel{ background-position-y:-16px; }
.icon3-tel1{ background-position-y:-48px; }
.icon3-yzm{ background-position-y:-64px; }
.icon3-checkbox{ background-position-y:-80px; transition:all 0.2s;-moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; }
.icon3-checkbox-checked{ background-position-y:-96px;  transition:all 0.2s;-moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s;}
.icon3-question{ background-position-y:-112px; }
.red input{border:solid 1px #f5222d; border-radius: 4px;}
.el-tabs .el-tabs__nav{ margin-left:5%; height:54px; line-height:54px; }
.el-tabs .el-tabs__item{font-size: 16px;}
.el-radio-group .el-radio{ display: block;margin-bottom: 30px;}
.el-checkbox-group .el-checkbox{ display: block;margin-bottom: 30px;}

.detail .main{ margin-top:40px; padding:0 64px;}
.detail .main p{line-height:28px;letter-spacing: 2px;text-indent: 2em;}

/*  头部  */
.top { background:#0978e0;width:100%; height:122px; position:fixed;z-index: 999;  }
.top dt{float: left; width:90px; }
.top dd{float: left; width:846px;padding-left:24px;}
.top .header{letter-spacing: 1px; font-size:22px;font-weight: 500; color: #fff;-ms-flex: 1;flex: 1;}
.top .header_logo{ width:72px; margin-top:14px; display: block;}
.top .header_title{ display: inline-block; height:61px; line-height:61px;}
.top .header_user { float:right; padding-top:12px; cursor:pointer; }
.top .header_user i{ margin-right:2px; margin-top:7px; }
.top .header_user span{ font-size:16px; color:#fff;}
.top .header_user .header_login{ font-size:16px; color:#66abec;}
.top .header_user:hover .header_user_nav{display:block;}
.top .header_user_nav{ position:absolute; padding:5px 0; display:none; z-index: 9999;background:#0978e0; }
.top .header_user_nav a{background:#0978e0; margin: 0 auto; font-size: 16px;height: 36px;line-height: 36px; padding:0 20px; color:#add2f5; display:block; text-decoration:none;}
.top .header_user_nav a:hover{ color:#fff;}
.top .header_nav{ height:57px; line-height:57px; }
.top .header_nav li{ float:left; }
.top .header_nav a{font-size:16px; color:#e6f2fc; padding:0 12px; display:inline-block; }
.top .header_nav a.hover{border-bottom:solid 2px #fff; font-size:18px; }
.top .header_nav li:hover .header_nav_child{display:block;}
.top .header_nav li:hover em{background:url('../images/icon1.png') no-repeat 0 -12px;  /*transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);   */}
.top .header_nav em{margin-left:2px; display:inline-block; width:12px; height:12px; background:url('../images/icon1.png') no-repeat;  transition:all 0.2s;-moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; }
.top .header_nav_child{ position:absolute; display:none; z-index: 9999; }
.top .header_nav_child a{ display:block; background:#0978e0;font-size: 14px;color:#add2f5;height:36px; line-height:36px;}
.top .header_nav_child a:hover{ color:#fff;}
.top_spacing{ padding-top:104px; }

.mtop{ width:100%; background: #0978e0; color:#fff; font-size:16px; font-weight: bold; height:50px; line-height: 50px; }
.mdetail p img{width: 100%;}

.fuli{font-size:14px; padding:20px 0 10px;}
.fuli dd{width:60%; float:left;}
.fuli dt{width:35%; float:right; color:#666; padding-left:5%; text-align: justify;}
.fuli h3{ font-size:14px; color:#333;}
.fuli ul{ padding-top:10px;}
.fuli li em{ font-size:36px; vertical-align:text-bottom; padding-right:5px;}
.fuli a{color:#1890ff;}
.fuli-message-box{width:700px !important;}
.fuli h2{ text-align: center;font-size:14px; padding-bottom:10px;}
.fuli p.pay{ text-align: center;}
.fuli ul.pay{text-align: center; padding-top:0;}


.mfuli{font-size:1.2rem; padding:1rem 0 0.5rem;}
.mfuli p{text-align: justify; }
.mfuli ul{ padding-top:0.5rem;}
.mfuli li {line-height:2rem;}
.mfuli li em{ font-size:3.6rem; vertical-align:middle; padding-right:0.5rem;}
.mfuli a{color:#1890ff;}
.mfuli-message-box{width:90% !important;}
.mfuli h2{ text-align: center;font-size:1rem; }
.mfuli ul.pay{text-align: center;padding-top:0;}
.mfuli p.pay{ text-align: center;}


/*  底部  */
.footer{background:#ebeef2; height:164px; font-size:14px;}
.footer a{color:#1890ff;}
.footer ul{ margin-top:42px; margin-left:25%; margin-bottom:24px; overflow:hidden;}
.footer li{float:left;margin-right:36px;}
.footer p{  line-height:28px; text-align:center; color:#aaa; font-size:12px;}

.mfooter{background:#ebeef2;  font-size:1.2rem; padding:2rem 0 4rem;}
.mfooter a{color:#1890ff;}
.mfooter ul{ margin-top:2rem; margin-left:25%; margin-bottom:1.2rem; overflow:hidden;}
.mfooter li{float:left;}
.mfooter p{  text-align:center; color:#aaa; font-size:1rem; }
.mfooter p b{color:#000; font-weight: normal;}
.mfooter p.ts{font-size:1.2rem; padding-bottom: 1rem;}

.pagination{text-align: center; margin-top:50px; }
.pagination li{width:30px; height:30px; font-weight: normal; font-size: 14px;border-radius: 2px !important;border: 1px solid #d4d4d4 !important;color: #747474 !important; background: #fff !important;}
.pagination li:hover{border-color:#1890ff !important; color:#1890ff !important;}
.pagination li.active{color: #fff !important; background: #1890ff !important;border-color:#1890ff !important;}
.pagination button{background: #fff !important;border: 1px solid #d4d4d4 !important;}

.chatQQ{ position: fixed; right:50px; bottom:100px;cursor: pointer; background: #fff;}
.chatQQ_1{ width:30px; padding:15px 10px; color:#333; font-size: 14px; line-height: 18px; text-align: center; }
.mchatQQ{ color:#fff; font-weight: normal; }
