/**
 * Created by Dw.
 * User: Ken.Rong
 * Date: 2017/12/27
 * Time: 01:46
 * ver: v1.1.10
*/ 
body {margin:0; padding:0; font-size: 14px;  /*line-height: 1.42857143;f*/font-family:  Microsoft Yahei; background-color:#fff}
body{min-width: 300px; max-width: 640px; margin: 0 auto; line-height: 1.6;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dd,ul,ol,pre,form,fieldset,legend,button,input,textarea,th,td{list-style: none;font-family:  Microsoft Yahei; }
*{margin: 0; padding: 0;}
a { text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#7a7e82;}

object, :focus { outline: none; -webkit-tap-highlight-color:none }
.page-hd-10{ padding:10px; }
.page-hd-15 {padding:15px;position: relative;}
.pd-tb-10{padding:10px 0; }
.pd-tb-5{padding:5px 0; }
.img-responsive{display: block;width: 100%; max-width: 100%; height: auto;}
.reset_pwd_user{color:#FF0004}

.fbox{display: block;position: relative;}
.supox{color:#a0a0a0;position: absolute;right: 0; top: 0; background: #fff;padding: 7px 11px;-moz-border-radius-bottomleft:6px ; border-bottom-left-radius: 8px;}
.iconx{background: url(../images/icon_top.png) no-repeat;}
.icon_share,.icon_fav,.icon_trust{width: 22px; height: 22px; float: left; margin-left: 8px;}
.supox .icon_share{font-size: 19px; margin-top: -4px;}
.supox .icon_fav{font-size: 26px; margin-top: -8px;}
.supox a{color:#a0a0a0;}
div .icon_opdown{font-size:11px}

.trustbx{background: #fff0e1; border-top-left-radius: 18px; border-bottom-left-radius: 18px; padding:10px 13px 7px 8px; position: absolute; right: 0; line-height: 0;font-size: 12px;}
.trustbx img{width:18px; height:auto;vertical-align: middle; line-height: 0; margin-right: 3px;margin-top: -3px;}

.xcol{display: block;}
.xname{font-size:24px}
.xtitle{font-size:15px; color: #555;}

.qlt{ margin-top: 7px;border-bottom: 1px solid #f2f2f2;padding-bottom: 15px;}
.qlt li{color: #444; font-size: 14px; line-height: 17px; padding: 3px 0;}


.nav-navbar{ display: -webkit-box; display: -webkit-flex; display: flex;position: relative;z-index: 500; top: 0; width: 100%; border-bottom: 1px solid #f2f2f2;}
.nav-navbar-item { position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 13px 0; text-align: center; font-size: 14px; -webkit-tap-highlight-color: rgba(0,0,0,0); color:#222;}
.nav-navbar-item.on{color:#0b6cb7}
.nav-navbar-item.on:after {content: " "; position: absolute; left: 0; right: 0; border-bottom: 2px solid #0b82cf; bottom: 0; -webkit-transform: scaleX(.5); transform: scaleX(0.5);}
.nav-navbar-item:hover:after {content: " "; position: absolute; left: 0; right: 0; border-bottom: 2px solid #0b82cf; color:#0b6cb7;bottom: 0; -webkit-transform: scaleX(.5); transform: scaleX(0.5);}
.nav-navbar-item:hover{color:#0b6cb7;}

.txbox{text-align: justify; font-size: 15px; color: #222; line-height: 23px;;}
.txbox p{margin-bottom: 7px;}
.txbox img{max-width: 100%; height: auto;}

#opdv{text-align: center; position: relative; z-index: 10;}
#opdv:before{content: " "; height: 100px; position: absolute; text-align: center; left: 0; right: 0; top: -80px; background:-webkit-gradient(linear,0% 0%, 0% 90%, from(#FFF0), to(#FFFFFF), color-stop(0.5,#FFFFFF)); z-index: 2;}
#myarticle{height:480px;overflow-y:hidden;}
.smbtn{border-top: 0px solid #EEEEE3;padding-top: 10px ; margin-top:25px ;}


.xgrad{height:2px;height:1px;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2),rgba(197, 197, 197, 0.2),#fff);z-index: 10; position: relative;} 
.xgrad-line{height:1px;border-top:1px solid #f2f2f2} 

.ibox{height: 91px; color:#fff;position: relative;}
.ibox .ani{float: left; margin-left: 96px; margin-top:18px;}
.ibox .face{height: 60px; width: 60px; border: 2px solid #fff; border-radius: 50%; position: absolute; top: 12px; left: 20px;}
.ibox .iname{font-size:21px; font-weight: 600;}
.ibox .itt{font-size:16px;    line-height: 15px;}
.ibox .trustbx{color:#000; top:30px}

.vbox{align-items: center;}
/*.vbox{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}*/
.vbox .year{width: 60px;float: left; position: relative;margin-top: 0px;font-size: 18px; }
.vbox .year:after {content: "\e605"; position: absolute; width: 22px; height: 22px; font-size: 15px; color: #d88330; right: -11px; z-index:2; top: 1px; text-align: center;}
.vbox .mtxt{display: block; overflow: hidden; word-break: normal; word-wrap: break-word; position: relative;padding-left: 34px; padding-bottom: 20px;}
.vbox .mtxt h3{margin-bottom: 5px;}
.vbox .mtxt h3:after {content: "\e638"; position: absolute; width: 46px; height: 32px; font-size: 42px; color: #ff9609; left: -12px; font-weight: normal; top: -3px; padding: 0; margin: 0; line-height: 32px; }
.vbox .mtxt:after { color: #D5D5D6; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}
.vbox .mtxt img{max-width: 90%;height: auto;}


.vbox.exbox{margin-bottom: 35px; overflow: hidden; line-height: 0;}
.vbox.exbox a{display: block; color: #333;overflow: hidden;}
.vbox .expic{width: 120px;float: left; position: relative;}
.vbox .expic img{width: 100%;height: auto;}
.vbox .litxt{display: block; overflow: hidden; word-break: normal; word-wrap: break-word; position: relative;padding-left: 20px;}
.vbox .litxt h3{line-height: 1.2;}
.vbox .litxt .txt{font-size:14px; color: #666; text-align: justify; line-height: 1.5; margin-top: 6px;}
.vbox .infobx{color:#444;}
.vbox .infobx img{max-width:100%; height: auto; }
.vbox .infobx p{ margin-bottom: 7px;}
.getback{position: fixed; background: rgba(0, 0, 0, 0.4); width: 54px; height: 54px; bottom: 160px; border-radius: 50%; z-index: 99999;left: 15px;}
.getback:after {content: "\e644"; position: absolute; width: 22px; height: 22px; font-size: 22px; color: #fff; left: 15px; top: 9px;}

.info_box.itop{position: relative; line-height: 0; height: 200px; overflow: hidden;}
.info_box.itop img{width:100%; max-width: 750px;}
.info_box.itop .ttitle{position: absolute; width: 100%; background: rgba(0, 0, 0, 0.4); bottom: 0; height: 33px; color: #ffff; line-height: 33px; margin-top: -33px; padding-left: 10px;}

.vbox.if_box{padding: 0 15px;margin-bottom: 15px; overflow: hidden; line-height: 0; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.vbox.if_box a{display: block; color: #333;overflow: hidden; position: relative;}
.vbox.if_box .litxt{display: block; overflow:hidden; word-break: normal; word-wrap: break-word; position: relative;padding-left: 15px;}
.vbox.if_box .ifpic{width: 110px;float: left; position: relative;}
.vbox.if_box .ifpic img{width: 100%;height: auto;}
.vbox.if_box .litxt h3{line-height: 1.2;}
.vbox.if_box .idate{position: absolute; left: 125px; bottom: 7px; font-size: 13px;color: #989898; }
.vbox.if_box .litxt .txt{font-size:14px; color: #666; text-align: justify; line-height: 1.5; margin-top: 6px;}
.vbox.vif_box {padding: 0 15px; line-height: 1.1; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.vbox.vif_box .vdate{font-size: 13px; color: #989898; margin-top: 5px;}
.vbox.vif_box ul{display: -webkit-box; display: -webkit-flex; display: flex; position: relative;margin: 0 -5px; margin-top:8px;}
.vbox.vif_box li{color: #7a7e82; position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 0px 5px; text-align: center; font-size: 11px; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.vbox.vif_box li img{width: 100%;height: auto;}

.combx {position: relative;}
.combx li{padding: 0px; margin-bottom: 17px; overflow: hidden;padding-bottom: 17px; border-bottom: 1px solid #eee;}
.combx li .imgs{width:36px; height: 36px; float: left; position: relative;overflow: hidden;}
.combx li .imgs img{width: 100%;height: auto;    border-radius: 50%;}
.combx li .tbox{display: block; overflow: hidden; word-break: normal; word-wrap: break-word; position: relative; padding-left: 15px;}
.combx li .tbox .uspx{color:#344a75}
.combx li .tbox .uspx .pxf{color:#d88330;margin-left: 2px;font-size:14px}
.combx li .tbox .uspx .pxf:first-child{margin-left: 4px;}
.combx li .tbox .uspb{line-height: 20px; margin-top: 6px; text-align: justify; color: #333;}
.combx li .tbox .idate{font-size: 13px; color: #888;margin-top: 4px;}

.ps_input{font-size: 14px;color: #333;border: 0; height: 34px; width: 100%; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f8f8f8; margin-bottom: 10px;}
.ps_textarea{font-size: 14px;color: #333;border: 0; width: 100%; padding: 5px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f8f8f8; margin-bottom: 0px;}
.ps_input::-webkit-input-placeholder {color: #cacaca;}
.ps_textarea::-webkit-input-placeholder { color: #cacaca;}
.combx .usig{font-size: 15px;}
.combx .pxx{font-size: 24px; color: #b6b2bc; margin-left: 10px;}
.combx .pxtt{display: block; float: left; margin-top: 7px; margin-right: 10px; font-size: 16px;}
.combx .btn{position: relative; display: block; margin-left: auto; margin-right: auto; padding-left: 14px; padding-right: 14px; box-sizing: border-box; font-size: 16px; text-align: center; text-decoration: none; color: #FFFFFF; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); overflow: hidden; background-color: #1AAD19;}



.shareto{position: absolute; right: 10px; top: 10px;}
.shareto img{width: 20px; height: auto; margin-left: 15px;}
.am-share { font-size: 14px; border-radius: 0; bottom: 0; left: 0; position: fixed; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width: 100%; z-index: 1110; }
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }
.am-share-title { background-color: #f8f8f8; border-bottom: 1px solid #fff; border-top-left-radius: 2px; border-top-right-radius: 2px; color: #555; font-weight: 400; margin: 0 10px; padding: 10px 0 0; text-align: center; }
.am-share-title::after { border-bottom: 1px solid #dfdfdf; content: ""; display: block; height: 0; margin-top: 10px; width: 100%; }
.am-share-footer { margin: 10px; }
.am-share-footer .share_btn { color: #555;  display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer;  font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap;font-family:"微软雅黑";  }
.am-share-sns { background-color: #f8f8f8; border-radius: 0 0 2px 2px; margin: 0 10px; padding-top: 15px; height:auto; zoom:1; overflow:auto; }
.am-share-sns li { margin-bottom: 15px; display: block; float: left; height: auto;  width: 25%; }
.am-share-sns a { color: #555; display: block; text-decoration:none; }
.am-share-sns span { display: block; }
.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }
.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active { opacity: 1; display:block; }

.qr-share {font-size: 14px; border-radius: 0; top: 20%; left: 0; position: fixed; text-align: center; transition: transform 300ms; z-index: 1110; display: none; width: 60%; margin: 0 auto; left: 0; right: 0;}
.qr-share img {width: 100%; height: auto;}
.qr-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);display: block}
.qr-share .qr_shbtn{width:100%; margin-top: 15px;}
.qr-share .qr_shbtn .share_btn { color: #555; display: block; width: 100%; background-color: #e6e6e6; border: 0px solid #e6e6e6; border-radius: 0; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap; font-family: "微软雅黑"; }
.qr-share .qr_shbtn .share_btn.savbtn{background-color: #04be02; color: #fff;}

.qr-mx {font-size: 14px; border-radius: 0; top: 25%; left: 0; position: fixed; text-align: center; transition: transform 300ms; z-index: 1110; display: none; width: 60%; margin: 0 auto; left: 0; right: 0;}
.qr-mx img {width: 100%; height: auto;}
.qr-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);display: block}
.qr-mx .qr_shbtn{width:100%; margin-top: 15px;}
.qr-mx .qr_shbtn .share_btn { color: #555; display: block; width: 100%; background-color: #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.2; padding: 0.625em 0; text-align: center; transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s; vertical-align: middle; white-space: nowrap; font-family: "微软雅黑"; }

.footer-navbar-item {color:#7a7e82; position: relative; display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; padding: 1px 0; text-align: center; font-size: 11px; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.footer-navbar-item.on {color:#0b6cb7}

footer{right: 0; left: 0;height: 49px;color:#7a7e82;display: -webkit-box; display: -webkit-flex; display: flex; position: relative; z-index: 500; width: 100%; border-top: 1px solid #b3b3b3; position: fixed; bottom: 0; background: #f9f9fa;}
footer p{position: absolute; left: 0; right: 0; bottom: 0px;}
footer .iconfont{position: absolute; left: 0; right: 0;}
footer .ficon-home{font-size:21px;top: 2px;}
footer .ficon-tel{font-size:22px;top: 2px;}
footer .ficon-wx{font-size: 25px; top: -1px;}
footer .ficon-pl{font-size: 24px; top: -1px;}