*{margin:0; padding:0; font-size:15px; outline:none; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; -webkit-tap-highlight-color:transparent; font-family:sans-serif;}
a{color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(200,200,200,0.2);}
a:active{color:#000000;}
img{border:none;}
ul{list-style-type:none;}
body{background:#efefef; -webkit-user-select:none; -moz-user-select:none;}
input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}
textarea{resize:none; background:inherit;}
.gn-flex{display:flex;}
.gn-fl{float:left !important}
.gn-fr{float:right !important;}
.gn-wrap{width:100%;}
.gn-no-border{border:none !important;}
.gn-common-text{line-height:2.2em;}
.gn-common-padding{padding:10px;}
.gn-show{display:block !important;}
.gn-hide{display:none !important;}
.gn-text{line-height:1.8em;}
.gn-primary-txt{color:#3388FF !important;}
.gn-danger-txt{color:#EF4F4F !important;}
.gn-text-center{text-align:center !important;}
.gn-click{}
.gn-click:active{background-color:#ECECEC;}
/* 通用标题 */
.gn-title{width:100%; height:44px; line-height:44px; font-size:17px; padding:0px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.gn-more{float:right; font-size:12px; color:#999999;}
.gn-more a{font-size:13px; color:#999999;}
/* 居中的标题 */
.gn-center-title{width:100%; margin-bottom:10px;}
.gn-center-title h1{width:50%; margin:0 auto; text-align:center; border-bottom:1px solid #E3E3E3; height:50px; line-height:50px; font-size:17px; overflow:hidden; font-weight:400;}
/* 带有修饰的通用标题 */
.gn-common-title{width:100%; height:44px; display:flex; justify-content:center;}
.gn-common-title-txt{width:35%; text-align:center; line-height:44px; font-size:16px;}
.gn-common-title-line{width:15%; margin:0 3%; height:1px; background:#E3E3E3; margin-top:21px;}
/* 文本 */
.gn-content{line-height:2.2em; font-size:15px; position:relative;}
.gn-content *{line-height:2.2em; font-size:15px;}
.gn-content img{width:100%;}
.gn-content p{text-indent:2.2em;}
/* 头部导航 */
.gn-header{display:flex; width:100%; height:44px; text-align:center; top:0px; left:0px; position:fixed; z-index:19; background:#25cdb3;}
.gn-header-main {width: 100%;margin: 0 3%;overflow: hidden;}
.gn-header-main .gn-header-logo {float: left;width: 50%;height: 3rem;position: relative;}
.gn-header-main .gn-header-logo a {position: absolute;left: 50%;top: 48%;width: 100%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.gn-header-main .gn-header-logo img {max-width: 85%;max-height: 2.5rem;display: block;}
.gn-header-main .gn-header-tel {float: right;margin-top: 0.6rem;}
.gn-header-main .gn-header-tel img {vertical-align: middle;width: 1.6rem;display: unset;}
.gn-header-main .gn-header-tel span {display: inline-block;font-size: 1.2rem;color: #fff;vertical-align: text-top;}

.gn-header h1{font-size:18px; height:44px; line-height:44px; overflow:hidden; width:100%; padding:0px 38px 0px 38px; text-align:center; font-weight:400; white-space:nowrap; text-overflow:ellipsis; color:#FFF;}
.gn-header + .gn-wrap{padding-top:44px;}
#gn-back{width:44px; height:44px; font-family:"gn-font"; line-height:44px; text-align:center; flex-shrink:0;}
#gn-back:before{content:"\e6a5"; font-size:18px; color:#FFFFFF;}
#gn-header-menu{width:44px; height:44px; line-height:44px; font-family:"gn-font"; flex-shrink:0;}
#gn-header-menu:before{content:"\e60e"; font-size:25px; color:#FFFFFF;}
/* 列表 */
.gn-list{padding:0px; border:1px solid #E4E3E6; border-left:0; border-right:0; background:#FFFFFF;}
.gn-list li{position:relative; display:flex; width:100%; overflow:hidden; height:50px;}
.gn-list li > a, .gn-list > a{display:flex; width:100%; height:50px; overflow:hidden;}
.gn-list li:active, .gn-list > a:active{background-color:#ECECEC;}
.gn-list-text{line-height:49px; height:49px; width:100%; margin-left:12px; border-bottom:1px solid #E4E3E6; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:flex; justify-content:space-between;}
.gn-list-text-content{width:100%; white-space:nowrap; text-overflow:ellipsis;}
.gn-list-icons{margin:14px 0px; width:40px; text-align:center; flex-shrink:0; font-size:25px; text-align:center; line-height:22px; color:#3388FF;}
.gn-list-icons img{width:22px; margin-left:12px;}
.gn-list-info{color:#999; float:right; padding-right:6px !important; font-size:13px; flex-shrink:0;}
.gn-list-info *{color:#999; font-size:13px;}
.gn-list li:last-child .gn-list-text, .gn-list > a:last-child .gn-list-text{border:0;}
/* media list */
.gn-media-list{}
.gn-media-list li{display:flex; padding:8px; margin-bottom:10px; background:#FFFFFF; overflow:hidden; justify-content:space-between;}
.gn-media-list li a{padding:0px; display:flex; width:100%; overflow:hidden; justify-content:space-between;}
.gn-media-list .gn-media-list-img{width:25%; font-size:0px;}
.gn-media-list img{width:100%;}
.gn-media-content{width:72%;}
.gn-media-content h1{font-size:15px; line-height:1.5em; padding:0px 6px 3px 0px; font-weight:400;}
.gn-media-content p{font-size:13px; line-height:1.5em; padding:0px 8px 0px 0px; color:#999999; word-break:break-word;}
/* image list */
.gn-img-list{position:relative;}
.gn-img-list li{position:relative; margin-bottom:12px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden; padding:0px 3px;}
.gn-img-list li a{display:block; padding:0px;}
.gn-img-list img{display:block; width:100%; background:#FFFFFF; font-size:0px;}
.gn-img-list-content{padding:8px 8px 10px 8px; background:#FFFFFF;}
.gn-img-list h1{font-size:16px; line-height:1.8em; font-weight:400;}
.gn-img-list p{font-size:13px; line-height:1.6em; color:#999999; word-break:break-word;}
/* 按钮 */
.gn-button{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:3px; border:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; font-size:15px; height:42px; line-height:42px; outline:0; overflow: hidden; position:relative; text-align:center; color:#656B79; background-color:#F6F8F9; box-shadow:0 0 1px #B8BBBF; padding:0px 16px;}
.gn-button *{color:inherit;}
.gn-button:active{background:#C8C8C8;}
.gn-button-large{width:100%;}
.gn-primary{background:#3388FF !important; color:#FFFFFF !important;}
.gn-primary:active{background:#0066CC !important;}
.gn-danger{background:#EF4F4F !important; color:#FFFFFF !important;}
.gn-danger:active{background:#FF0000 !important;}
.gn-button-small{height:30px; line-height:30px; padding:0px 15px; text-align:center; font-size:14px; border-radius:3px;}
/* laoding button */
@keyframes gn-a-rotate360{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes gn-a-rotate360{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes gn-a-rotate360{0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes gn-a-rotate360{0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(360deg);}}
.gn-loading-wrap{position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.gn-loading{width:22px; height:22px; line-height:20px; font-size:18px; text-align:center; font-family:"gn-font" !important; animation:gn-a-rotate360 1s infinite linear; -webkit-animation:gn-a-rotate360 1s infinite linear; -moz-animation:gn-a-rotate360 1s infinite linear; -o-animation:gn-a-rotate360 1s infinite linear; float:left;}
.gn-loading:before{content:"\e647";}
.gn-loading-text{float:left; line-height:inherit; padding-left:3px;}
/* 折叠面板 */
.gn-accordion{}
.gn-accordion-title{width:100%; height:58px; line-height:58px; font-size:16px; background:#FFFFFF; padding:0px 10px; box-sizing:border-box; font-weight:400;}
.gn-accordion-title:after{content:"\e609"; float:right; font-family:"gn-font";}
.gn-accordion-title-up:after{content:"\e655"; font-family:"gn-font";}
.gn-accordion-content{width:100%; display:none;}
/* badge */
.gn-badge{padding:3px 6px; line-height:1; display:inline-block; font-size:inherit; border-radius:100px; margin:0px 3px; background:#999999; color:#FFFFFF;}
/* toast */
#gn-toast{width:100%; position:fixed; z-index:21; left:0; bottom:50px; text-align:center;}
#gn-toast-msg{margin:0 auto; line-height:22px; background:rgba(0,0,0,0.7); padding:10px; color:#FFFFFF; font-size:14px; text-align:center; max-width:200px; border-radius:6px; display:inline-block;}
/* icon toast */
#gn-icon-toast{width:158px; position:fixed; z-index:99999; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); background:rgba(0,0,0,0.9); border-radius:5px;}
#gn-icon-toast *{color:#FFFFFF;}
#gn-icon-toast .gn-icons{text-align:center; font-size:50px; height:40px; font-weight:700; line-height:40px; padding:28px 0px 18px 0px;}
#gn-icon-toast .gn-text-center{line-height:1.5em; padding-bottom:15px; font-size:16px; margin-top:8px;}
/* 遮罩层 */
#gn-mask{position:fixed; z-index:20; background:rgba(0,0,0, 0.5); width:100%; left:0px; top:0px; height:100%;}
/* up toast */
@keyframes gn-a-up-toast{0%{top:-35px;} 100%{top:0}}
@-moz-keyframes gn-a-up-toast{0%{top:-35px;}100%{top:0}}
@-webkit-keyframes gn-a-up-toast{0%{top:-35px;}100%{top:0}}
@-o-keyframes gn-a-up-toast{0%{top:-35px;} 100%{top:0}}
#gn-up-toast{width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.9); position:fixed; z-index:21; left:0px; top:0px; animation:gn-a-up-toast 200ms linear; -moz-animation:gn-a-up-toast 200ms linear; -webkit-animation:gn-a-up-toast 200ms linear; -o-animation:gn-a-up-toast 200ms linear; color:#FFFFFF; text-align:center;}
#gn-up-toast *{color:#FFFFFF; text-align:center;}
/* 动画 */
@keyframes gn-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-moz-keyframes gn-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-webkit-keyframes gn-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
@-o-keyframes gn-a-fade-in{0%{opacity:0;} 100%{opacity:1}}
.gn-fade-in{animation:gn-a-fade-in 300ms linear forwards; -moz-animation:gn-a-fade-in 300ms linear forwards; -webkit-animation:gn-a-fade-in 300ms linear forwards; -o-animation:gn-a-fade-in 300ms linear forwards;}
@keyframes gn-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-moz-keyframes gn-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-webkit-keyframes gn-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
@-o-keyframes gn-a-fade-out{0%{opacity:1;} 100%{opacity:0}}
.gn-fade-out{animation:gn-a-fade-out 300ms linear forwards; -moz-animation:gn-a-fade-out 300ms linear forwards; -webkit-animation:gn-a-fade-out 300ms linear forwards; -o-animation:gn-a-fade-out 300ms linear forwards;}
/* 对话框 */
#gn-dialog{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#gn-dialog-in{width:300px; margin:0 auto; background:#FFFFFF; border-radius:1px;}
#gn-dialog-msg{padding:28px 15px; font-size:16px; text-align:center; line-height:32px; padding-bottom:22px;}
#gn-dialog-btn-line{height:48px; line-height:48px; color:#3388FF; border-top:1px solid #F4F5F6; text-align:center; font-size:16px;}
#gn-dialog-btn-line > div{width:50%; color:#FFFFFF; float:left; height:48px; line-height:48px; text-align:center; font-size:16px; background:#3388FF;}
#gn-dialog-btn-line > div:active{opacity:0.9;}
#gn-dialog-btn-line > div:first-child{color:#999999 !important; background:#FFFFFF;}
#gn-dialog-input-in{width:85%; padding:0px 2%; margin:0 auto; border:1px solid #D1D1D1; height:35px;}
#gn-dialog-input{width:100%; border:none; height:35px; line-height:35px;}
/* loading */
@keyframes gn-a-rotate360{0%{transform:rotate(0deg);} 50%{transform:rotate(180deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes gn-a-rotate360{0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes gn-a-rotate360{0%{-moz-transform:rotate(0deg);} 50%{-moz-transform:rotate(180deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes gn-a-rotate360{0%{-o-transform:rotate(0deg);} 50%{-o-transform:rotate(180deg);} 100%{-o-transform:rotate(360deg);}}
.gn-loading-wrap{position:absolute; z-index:1; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
.gn-loading{width:22px; height:22px; line-height:20px; font-size:18px; text-align:center; font-family:"gn-font" !important; animation:gn-a-rotate360 1s infinite linear; -webkit-animation:gn-a-rotate360 1s infinite linear; -moz-animation:gn-a-rotate360 1s infinite linear; -o-animation:gn-a-rotate360 1s infinite linear; float:left;}
.gn-loading:before{content:"\e647";}
.gn-loading-text{float:left; line-height:inherit; padding-left:3px;}
/* 表单及表单元素 */
.gn-form{background:#FFFFFF;}
.gn-form-items{padding:15px 10px; border-bottom:1px solid #F3F4F5; position:relative; display:-webkit-flex; display:flex;}
.gn-form-items-title{width:22%; line-height:22px; height:22px; flex-shrink:0;}
.gn-form-items .gn-input{width:100% !important;}
.gn-form-items .gn-form-radios{width:75% !important; padding:0px !important;}
.gn-form-items .gn-form-textarea{width:75% !important;}
.gn-form-items:last-child{border:none;}
.gn-input{height:22px; line-height:22px; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0; background:#FFF; width:100%; display:block; padding:0px;}
#gn-input-clear{width:52px; height:52px; position:absolute; z-index:1; line-height:52px; text-align:center; right:0px; top:0px; color:#999999; background:#FFF;}
#gn-input-clear:before{font-family:"gn-font" !important; content:"\e6a0"; font-size:18px;}
.gn-pwd-eyes{width:52px; height:52px; background:#FFFFFF; position:absolute; z-index:1; text-align:center; line-height:52px; right:0px; top:0px; color:#999999;}
.gn-pwd-eyes:before{font-family:"gn-font"; content:"\e63d"; font-size:12px;}
.gn-pwd-eyes-sed{color:#3388FF !important;}
.gn-form-radios {line-height:22px;}
/* checkBox */
.gn-form-radios input[type="checkbox"]{display:none;}
.gn-form-radios input[type="checkbox"] + label{line-height:22px; padding-right:5px; margin-right:5px;}
.gn-form-radios input[type="checkbox"] + label:before{font-family:"gn-font" !important; content:"\e63e"; font-size:20px; padding-right:5px; color:#999999; line-height:22px;}
.gn-form-radios input[type="checkbox"]:checked + label:before{content:"\e63e"; color:#3388FF;}
/* checkBox */
.gn-form-radios input[type="radio"]{display:none;}
.gn-form-radios input[type="radio"] + label{line-height:22px; padding-right:5px; margin-right:5px;}
.gn-form-radios input[type="radio"] + label:before{font-family:"gn-font" !important; content:"\e60f"; font-size:20px; padding-right:5px; color:#999999;}
.gn-form-radios input[type="radio"]:checked + label:before{content:"\e60f"; color:#3388FF;}
/* select */
.gn-form-select{}
.gn-form-select select{border:none; padding:6px 22px 6px 6px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAXCAYAAACMLIalAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAFHSURBVEiJ7dY/SgNREMfx7wQrlSBLCo+RNMFY5Qapts4FFK0ClrmGNoEEcoGcQT2A5AQKVmqRRlTGwp8SdNk/8a27hQMPdmffzPvs48GuuTt1i0bVgKT4R+WNhpmNzSz+bSMzi81sHAJlwD3wBBy6+8OGoAi4BPbcfT8ErAc8AgvA3J0iQy+2UI9e0frEnmo8ABwYbYAaqXYQAvSFUvML4A3oFwD1VXMeCvQdtQNcAbdAlAMUAXeq2S4FpYXaOhvzHKi55rZDgn6gtNhQZ+QkBXSqOcPQoESUFp0AL0A34VkXeAUmZYDSUE1gCdwArbV8S7kl0PxTlAAd7dZ0LTdVrlMWKBUlxJHOTqzhwHGZoEyUYDPgWWNWNsjdPz4raWFmu8C1bg/cfZVaECC2sia4+8rMzj6vywYB2TtVRdTzJ69qQFLUEvUOCvU4pv7sx1oAAAAASUVORK5CYII=") no-repeat right center #E3E3E3; background-size:auto 40%; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:1px;}
.gn-form-select select:before{font-family:"gn-font"; content:"\e63d"; font-size:12px;}
/* textarea */
.gn-form-textarea{padding-top:5px;}
.gn-form-textarea textarea{width:100%; height:80px; background:#FAFAFA; border:none; padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
/* switch 开关 */
.gn-switch{width:50px; height:32px; border-radius:32px; -webkit-border-radius:32px; background:#DDDDDD; border:2px solid #DDDDDD; position:relative; text-align:right; line-height:32px; padding-right:16px; font-size:16px; padding-left:16px;}
.gn-switch span{color:#9E9E9E;}
.gn-switch-in{width:30px; height:30px; position:absolute; z-index:2; left:0px; top:0px; border-radius:50%; background:#FFFFFF; -moz-box-shadow:1px 1px 1px #999999; box-shadow:2px 2px 2px #999999; -webkit-box-shadow:1px 1px 1px #999999; margin:0px;}
.gn-switch-on{background:#4CD964 !important; color:#FFFFFF !important; text-align:left !important; border:2px solid #4CD964 !important;}
.gn-switch-on .gn-switch-in{right:0px; left:auto;}
.gn-switch-on span{color:#FFFFFF;}
/* loading */
#gn-transparent-mask{position:fixed; z-index:20; width:100%; left:0px; top:0px; height:100%; background:rgba(255,255,255,0.3);}
#gn-loading{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#gn-loading-in{margin:0 auto; width:42px;}
@-webkit-keyframes gn-line-scale{0%{-webkit-transform:scaley(1); transform:scaley(1);} 50%{-webkit-transform:scaley(0.4); transform:scaley(0.4);} 100%{-webkit-transform:scaley(1); transform:scaley(1);}}
@keyframes gn-line-scale{0%{-webkit-transform:scaley(1); transform:scaley(1);} 50%{-webkit-transform:scaley(0.4); transform:scaley(0.4);} 100%{-webkit-transform:scaley(1); transform:scaley(1);}}
#gn-loading-in > div:nth-child(1){-webkit-animation:gn-line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08); animation:gn-line-scale 1s 0.1s infinite cubic-bezier(.2, .68, .18, 1.08);}
#gn-loading-in > div:nth-child(2){-webkit-animation:gn-line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08); animation:gn-line-scale 1s 0.2s infinite cubic-bezier(.2, .68, .18, 1.08);}
#gn-loading-in > div:nth-child(3){-webkit-animation:gn-line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08); animation:gn-line-scale 1s 0.3s infinite cubic-bezier(.2, .68, .18, 1.08);}
#gn-loading-in > div:nth-child(4){-webkit-animation:gn-line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08); animation:gn-line-scale 1s 0.4s infinite cubic-bezier(.2, .68, .18, 1.08);}
#gn-loading-in > div:nth-child(5){-webkit-animation:gn-line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08); animation:gn-line-scale 1s 0.5s infinite cubic-bezier(.2, .68, .18, 1.08);}
#gn-loading-in > div{background-color:#3388FF; width:4px; height:25px; border-radius:2px; margin:2px; -webkit-animation-fill-mode:both; animation-fill-mode:both; display:inline-block;}
#gn-loading-text{line-height:30px; text-align:center; padding-top:5px; font-size:12px; color:#3388FF;}
/* action sheet */
@keyframes gn-a-down{0%{bottom:-100px;} 100%{bottom:0}}
@-moz-keyframes gn-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-webkit-keyframes gn-a-down{0%{bottom:-35px;} 100%{bottom:0}}
@-o-keyframes gn-a-down{0%{bottom:-35px;} 100%{bottom:0}}
#gn-action-sheet{width:90%; position:fixed; z-index:21; left:5%; bottom:10px; background:#FFFFFF; animation:gn-a-down 200ms linear; -webkit-animation:gn-a-down 100ms linear; -moz-animation:gn-a-down 100ms linear; -o-animation:gn-a-down 100ms linear; border-radius:6px;}
#gn-action-sheet li{width:100%; overflow:hidden; text-align:center; height:52px; line-height:52px; border-bottom:1px solid #EBEBEB; font-size:16px;}
#gn-action-sheet-cancel{border-top:3px solid #EBEBEB; color:#999999 !important;}
/* swipe */
.gn-swipe{width:100%; position:relative;}
.gn-swipe-items{width:500%; position:relative; left:0; top:0;}
.gn-swipe-pre{width:20%;}
.gn-swipe-pre img{width:100%;}
.gn-swipe-item{width:20%; font-size:0px; float:left;}
.gn-swipe-item img{width:100%;}
.gn-swipe-indicator{width:96%; position:absolute; z-index:3; left:2%; bottom:8px; display:none;}
.gn-swipe-indicators{width:15px; border-radius:3px; height:3px; background:#FFFFFF; float:left; margin:0px 3px;}
.gn-swipe-indicator-active{background:#3388FF !important;}
/* number box */
.gn-number-box{border:1px solid #D1D1D1; height:36px; float:left; border-radius:2px; -webkit-border-radius:2px;}
.gn-number-box input{float:left; height:36px; line-height:36px; padding:0px 5px; text-align:center; background:#FFFFFF; width:50px; border:0px; font-size:16px; border-radius:0;}
.gn-number-box .reduce{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:28px;}
.gn-number-box .add{float:left; height:36px; line-height:36px; width:36px; text-align:center; background: #F9F9F9; font-size:22px;}
.gn-number-box div:active{background:#B8BBBF;}
/* progress bar */
.gn-progress{height:3px; background:#EBEBEB; border-radius:3px; -webkit-border-radius:3px; width:100%; position:relative;}
.gn-progress span{display:block; height:3px; line-height:3px; text-align:right; border-radius:3px; -webkit-border-radius:3px; background:#3388FF; color:#FFFFFF; position:absolute; z-index:2; left:0px; top:0px;}
@keyframes gn-a-progressing{0%{width:1%;} 100%{width:100%}} @-moz-keyframes gn-a-progressing{0%{width:1%;} 100%{width:100%}}
@-webkit-keyframes gn-a-progressing{0%{width:1%;} 100%{width:100%}} @-o-keyframes gn-a-progressing{0%{width:1%;} 100%{width:100%}}
.gn-progressing{height:3px; text-align:right; border-radius:3px; -webkit-border-radius:3px; background:#C8C8C8; color:#FFFFFF; position:absolute; z-index:1; width:80%; left:0px; top:0px; animation:gn-a-progressing 1s infinite linear; -webkit-animation:gn-a-progressing 1s infinite linear; -moz-animation:gn-a-progressing 1s infinite linear; -o-animation:gn-a-progressing 1s infinite linear;}
/* range */
.gn-range input[type='range']{width:100%; height:20px; padding:0; cursor:pointer; border:0; background-color:#E1E1E1; -webkit-appearance:none; appearance:none; border-radius:2px;}
.gn-range input[type='range']::-webkit-slider-thumb{width:35px; height:20px; border:none; background-color:#3388FF; background-clip:padding-box; -webkit-appearance:none; appearance:none; border-radius:2px;}
.gn-range-ruling{height:8px; border-right:1px solid #666; margin-top:6px;}
.gn-range-ruling > div{height:8px; width:10%; float:left;}
.gn-range-ruling > div > div{border-left:1px solid #666666; text-indent:3px; line-height:8px; font-size:8px; float:left; height:8px;}
.gn-range-ruling-txt{width:100%; height:12px; margin-top:6px;}
.gn-range-ruling-txt div{font-size:8px; line-height:1em;}
.gn-range-ruling-txt div:first-child{width:50%; float:left;}
.gn-range-ruling-txt div:last-child{width:50%; float:left; text-align:right;}
/* 选项卡 */
.gn-tab{width:100%;  background:#FFFFFF;}
.gn-tab-title{padding:0px 10px;}
.gn-tab-title div{height:46px; line-height:46px; float:left; font-weight:700; text-align:center; width:20%; border-bottom:2px solid #F7F8F9;}
.gn-tab-body{width:100%;}
.gn-tab-body-items{width:500%; position:relative; left:0px; top:0px;}
.gn-tab-item{width:20%; float:left;}
.gn-tab-active{border-bottom:2px solid #3388FF !important; color:#3388FF;}
/* refresh */
.gn-refresh{}
.gn-refresh-icon{height:60px; line-height:60px; text-align:center; margin-top:-60px; position:relative; color:#9E9E9E;}
.gn-refresh-icon *{color:#9E9E9E;}
.gn-refresh-content{}
#gn-load-more{height:40px; line-height:40px; text-align:center; color:#9E9E9E; position:relative; padding-bottom:12px; margin-top:5px;}
#gn-load-more *{color:#9E9E9E;}
/* picker */
.gn-picker{position:fixed; z-index:21; background:#DDDDDD; height:238px; left:0px; bottom:0px; width:100%; display:none;}
.gn-picker-menu{height:29px; border-bottom:1px solid #CCCCCC; padding:8px; background:#EEEEEE;}
.gn-picker-list-in{width:100%;}
.gn-picker-list{width:100%; float:left; height:192px; overflow-y:scroll;}
.gn-picker-list div{height:30px; font-size:14px; line-height:30px; text-align:center; color:#9E9E9E;}
.gn-picker-line{position:absolute; z-index:-1; left:0px; top:142px; width:100%; height:30px; border-top:1px solid #9E9E9E; border-bottom:1px solid #9E9E9E;}
/* date picker */
.gn-date-picker{}
input[type="month"]:before,input[type="date"]:before,input[type="time"]:before{content:attr(placeholder);}
input[type="month"].gn-picker-valued:before,input[type="date"].gn-picker-valued:before,input[type="time"].gn-picker-valued:before{color:black; content:"" !important;}
/* gn-footer */
#gn-footer{width:100%; height:44px; background:#FCFCFC; padding:5px 0px; bottom:0px; left:0px; position:fixed; overflow:hidden; z-index:10; box-shadow:1px -1px 3px #D1D1D1; display:flex;}
#gn-footer a{display:block; width:20%;}
.gn-footer-icons{font-family:"gn-font"; text-align:center; font-size:20px; height:26px; line-height:26px;}
.gn-footer-text{text-align:center; font-size:13px; height:18px; line-height:18px; padding-top:2px;}
.gn-footer-active *{color:#3388FF;}
.gn-fooer-line{height:60px;}
#footer-logo{position:fixed; z-index:11; left:50%; bottom:5px; height:60px; width:60px; border-radius:60px; background:#3388FF; text-align:center; transform: translateX(-50%); line-height:60px; color:#FFF; font-size:20px; border:3px solid #FFF;}
#footer-logo img{width:100%;}
.nav_home{background: #25cdb3;}
.nav_home .gn-footer-text{color: #fff;}
.ischeck .gn-footer-text{color: #fff;}
.icons-home{background: url(../../images/GnImg/nav_1.png) no-repeat center;background-size: 35px;}
.nav_home  .icons-home{background: url(../../images/GnImg/nav_1_current.png) no-repeat center;background-size: 35px;}
.icons-phone{background: url(../../images/GnImg/nav_2.png) no-repeat center;background-size: 35px;}
.icons-counsel{background: url(../../images/GnImg/nav_3.png) no-repeat center;background-size: 35px;}
.ischeck .icons-navigation{background: url(../../images/GnImg/nav_4_current.png) no-repeat center;background-size: 40px;}
.icons-navigation{background: url(../../images/GnImg/nav_4.png) no-repeat center;background-size: 40px;}
.ischeck .icons-message{background: url(../../images/GnImg/nav_6_current.png) no-repeat center;background-size: 31px;}
.icons-message{background: url(../../images/GnImg/nav_6.png) no-repeat center;background-size: 31px;}
/* point msg */
.gn-point-msg{width:8px; height:8px; background:#ED2D22; border-radius:8px; -webkit-border-radius:8px; position:absolute; z-index:11; right:0px; top:0px;}
.gn-number-point{background:#ED2D22; border-radius:50%; -webkit-border-radius:50%; font-size:8px; padding:2px; color:#FFFFFF; position:absolute; z-index:11; right:0px; top:0px; text-align:center;}
/* select Beautify */
#gn-select-beautify{width:96%; padding:10px 2%; position:absolute; z-index:21; left:0px; top:0px; background:#FFFFFF;}
.gn-select-beautify-sed{}
.gn-select-beautify-sed:after{content:"\e68b"; display:block; float:right; width:38px; line-height:50px; font-family:"gn-font"; font-size:20px; color:#3388FF; position:absolute; z-index:22; right:0px; top:0px; text-align:center;}
#gn-select-beautify li{height:50px; line-height:50px; padding:0px 12px; width:auto; border-bottom:1px solid #F7F8F9;}
#gn-select-beautify li:last-child{border:none;}
/* popMsg */
#gn-popover-msg{position:absolute; z-index:20; width:100px;}
.gn-arrow-up{border:10px solid transparent; margin:0px 8px; width:0px; height:0px; border-bottom-color: #FFFFFF; float:left;}
.gn-arrow-down{border:10px solid transparent; margin:0px 8px; width:0px; height:0px; border-top-color: #FFFFFF; float:left;}
#gn-popover-msg-text{background:#FFFFFF; padding:8px; line-height:1.8em; border-radius:3px; text-align:left;}
/* image preview */
#gn-image-preview{width:100%; position:fixed; z-index:21; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#gn-image-preview-text{text-align:center; height:40px; line-height:30px; color:#FFFFFF; font-size:20px;}
#gn-image-preview-imgs{font-size:0px; width:100%; background:#FFFFFF;}
#gn-image-preview-imgs img{width:100%;}
/* water fall */
#gn-water-fall-left{width:50%; float:left; padding:0px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -o-box-sizing:border-box;}
#gn-water-fall-right{width:50%; float:right; padding:0px 5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  -o-box-sizing:border-box;}
.gn-water-items{background:#FFFFFF; padding:3px; margin-top:10px; border-radius:3px; -webkit-border-radius:3px;}
.gn-water-items a{display:block; width:100%;}
.gn-water-items-img img{width:100%;}
.gn-water-items-text{height:30px; line-height:30px; overflow:hidden; text-align:center; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
#gn-water-tmp{display:none;}
/* unfold */
#gn-unfold{width:100%; position:absolute; z-index:2; left:0px; bottom:0px; height:50px; line-height:50px; text-align:center; background:linear-gradient(rgba(255,255,255,0.92),rgba(255,255,255,1)); color:#3388FF;}
/*#gn-unfold *{color:#3388FF;}*/
/* Speed Dial */
.gn-speed-dial{width:100%;}
.gn-speed-dial li{width:33.3%; text-align:center; float:left; margin-top:25px;}
.gn-speed-dial-icons{text-align:center; height:45px;}
.gn-speed-dial-icons .gn-icons{padding:0px;}
.gn-speed-dial-icons span{font-size:35px; color:#656B79;}
.gn-speed-dial-text{text-align:center; line-height:32px; height:32px;}
/* slide menu */
.gn-slide-menu{width:70%; height:100%; position:fixed; z-index:99; background:#656B79; right:-70%; top:0px;}
.gn-slide-menu ul{padding:20px;}
.gn-slide-menu li{color:#FFFFFF; line-height:44px; height:44px; overflow:hidden;}
@keyframes gn-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-moz-keyframes gn-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-webkit-keyframes gn-a-menu-show{0%{right:-70%;} 100%{right:0%}}
@-o-keyframes gn-a-menu-show{0%{right:-70%;} 100%{right:0%}}
.gn-slide-menu-show{-webkit-animation:gn-a-menu-show 0.3s forwards; animation:gn-a-menu-show 0.3s forwards;}
@keyframes gn-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-moz-keyframes gn-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-webkit-keyframes gn-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
@-o-keyframes gn-a-menu-hide{0%{right:0%;} 100%{right:-70%}}
.gn-slide-menu-hide{-webkit-animation:gn-a-menu-hide 0.3s forwards; animation:gn-a-menu-hide 0.3s forwards;}
/* img cuter */
#gn-img-cuter{width:100%; position:absolute; left:0; top:44px; z-index:2; background:rgb(255,255,255,0);}
#gn-img-cuter-img{width:100%; overflow:hidden; font-size:0;}
#gn-img-cuter-img img{width:100%;}
#gn-img-cuter-canvas{position:fixed; z-index:3; top:100px; right:10px; width:100px; border:1px solid #FFFFFF; font-size:0px;}
#gn-img-cuter-canvas canvas{width:100%;}
#gn-img-cuter-select{width:100; overflow:hidden; text-align:center; background:#F4F5F6; position:relative;}
#gn-img-cuter-file{width:100%; height:500px; background:rgba(255, 255, 255, 0); filter:Alpha(opacity=0); opacity:0; font-size:0px; position:absolute; z-index:1; left:0; top:0;}
#gn-img-cuter-t1{line-height:100px; padding-top:50px; font-size:100px; color:#B8BBBF;}
#gn-img-cuter-t2{line-height:50px; padding-bottom:30px; font-size:16px; color:#B8BBBF;}
/* header search */
#gn-header-sreach{width:100%; border-radius:5px; height:32px; margin:6px; display:flex; background:#FFFFFF;}
#gn-header-sreach-icon{width:36px; height:36px; line-height:36px; text-align:center; flex-shrink:0;}
#gn-header-sreach-icon::before{font-family:"gn-font"; content:'\e714'; font-size:25; height:36px; line-height:36px; color:#9E9E9E;}
#gn-header-sreach input{width:100%; padding:0px; height:32px !important; line-height:32px !important; margin:0px !important; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; font-size:14px; text-indent:10px;}
.gn-header-sreach-txt{width:58px; height:44px; text-align:center; line-height:44px; flex-shrink:0; color:#FFF; flex-shrink:0;}
/* swipe do */
.gn-swipe-do{width:100%; overflow-x:auto; background:#FFFFFF; margin:1px 0;}
.gn-swipe-do-doms{width:1000px;}
.gn-swipe-do-doms > div{float:left;}
.gn-swipe-do-content{width:80%;}
.gn-swipe-do-btn{height:60px; width:70px; color:#FFFFFF; text-align:center; line-height:60px; font-size:16px; background:#FF3A31;}
.gn-swipe-do-btn-gray{color:#000000; background:#C8C7CD;}
.gn-swipe-do-btn-blue{color:#FFFFFF; background:#3388FF;}
/* black mask */
#gn-black-mask{width:100%; height:100%; background:rgba(0,0,0,0.85); position:fixed; z-index:990; left:0; top:0;}
#gn-black-action{width:100%; height:50px;}
#gn-black-close{float:right; width:50px; color:#FFFFFF; height:50px; line-height:50px; text-align:center; font-family:"gn-font";}
#gn-black-close::before{content:"\e617"; font-size:22px;}
#gn-black-mask-content{position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); -moz-transform:translate(50%, 50%); -o-transform:translate(50%, 50%); z-index:991;}
/* pager */
.gn-pager{display:flex; justify-content:flex-end;}
.gn-pager-center{justify-content:center;}
.gn-pager > div{width:32px; height:32px; text-align:center; border-radius:2px; background:#FFFFFF; line-height:32px; margin:0px 3px;}
.gn-pager > div > a{display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:14px;}
.gn-pager-active{background:#3388FF !important; color:#FFFFFF;}
/* segment */
.gn-segment{width:80%; margin:0px 10%; height:32px; display:flex; border:1px solid #3388FF; border-radius:5px;}
.gn-segment a{display:block; width:100%; height:32px; font-size:13px; color:#3388FF; line-height:32px; text-align:center;}
.gn-segment-active{background:#3388FF !important; color:#FFFFFF !important;}
/* tags */
.gn-tags{}
.gn-tags > div{height:26px; float:left; margin:5px; line-height:26px; padding:0px 8px; border-radius:4px; border:1px solid #3388FF;  color:#3388FF; font-size:12px;}
.gn-tags-fillet > div{border-radius:26px !important; padding:0px 12px !important;}
.gn-tags-active{background:#3388FF !important; color:#FFFFFF !important;}
.gn-tags-active::after{content:"\e68b"; font-family:"gn-font"; padding-left:5px;}
/* count down */
.gn-countdown{text-align:center;}
.gn-countdown span{background:#333 !important; display:inline-block; line-height:20px !important; color:#FFF !important; padding:0px 5px !important; border-radius:3px !important; margin:0px 2px;}
/* scroll news */
.gn-scroll-news{height:28px; line-height:28px; margin:10px;}
.gn-scroll-news-items{height:28px; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
.gn-scroll-news-items > a{display:block; overflow:hidden; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
@keyframes gn-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
@-webkit-keyframes gn-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes gn-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
@-o-keyframes gn-scroll-news-h0{0%{height:28px;} 100%{height:0px;}}
.gn-scroll-news-h0{animation:gn-scroll-news-h0 600ms linear forwards; -webkit-animation:gn-scroll-news-h0 600ms linear forwards; -moz-animation:gn-scroll-news-h0 600ms forwards linear; -o-animation:gn-scroll-news-h0 600ms forwards linear;}
/* cropper */
.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.cropper-container img{display:block; height:100%; image-orientation:0deg; max-height:none!important; max-width:none!important; min-height:0!important; min-width:0!important; width:100%;}
.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}
.cropper-drag-box{background-color:#fff; opacity:0}
.cropper-modal{background-color:#000;opacity:.5}
.cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid #39f;overflow:hidden;width:100%}
.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute;}
.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%;}
.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}
.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}
.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}
.cropper-center:before{height:1px;left:-3px;top:0;width:7px;}
.cropper-center:after{height:7px;left:0;top:-3px;width:1px;}
.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}
.cropper-face{background-color:#fff;left:0;top:0}
.cropper-line{background-color:#39f}
.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}
.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}
.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}
.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}
.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}
.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}
.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}
.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}
.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}
.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}
.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}
.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}
@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}
@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}
@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
.cropper-invisible{opacity:0}
.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}
.cropper-hidden{display:none!important}
.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}
.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed;}
/* icons */
@font-face{font-family:"gn-font"; src:url('fonts/iconfont.eot'); src:url('fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('fonts/iconfont.woff') format('woff'), url('fonts/iconfont.ttf') format('truetype'), url('fonts/iconfont.svg#iconfont') format('svg');}
.gn-icons{font-family:"gn-font" !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-right:8px;}
.gn-icons-menu:before{content:"\e634";} .gn-icons-toast:before{content:"\e689";} .gn-icons-img:before{content:"\e620";}
.gn-icons-left:before{content:"\e6a5";} .gn-icons-right:before{content:"\e608";} .gn-icons-number:before{content:"\e604";}
.gn-icons-up:before{content:"\e649";}  .gn-icons-up2:before{content:"\e655";} .gn-icons-down:before{content:"\e744";} 
.gn-icons-down2:before{content:"\e609";} .gn-icons-progress:before{content:"\e615";}
.gn-icons-success:before{content:"\e632";} .gn-icons-error:before{content:"\e638";} .gn-icons-range:before{content:"\e613";}
.gn-icons-warn:before{content:"\e603";} .gn-icons-click:before{content:"\e75b";} .gn-icons-tab:before{content:"\e667";}
.gn-icons-loading:before{content:"\e647";} .gn-icons-form:before{content:"\e62c";} .gn-icons-picker:before{content:"\e923";}
.gn-icons-eyes:before{content:"\e63d";} .gn-icons-clear:before{content:"\e6a0";} .gn-icons-home:before{content:"\e611";}
.gn-icons-switch:before{content:"\e679";} .gn-icons-action-sheet:before{content:"\e605";} .gn-icons-news:before{content:"\e62e";}
.gn-icons-swipe:before{content:"\e699";} .gn-icons-media-list:before{content:"\e62d";} .gn-icons-my:before{content:"\e618";}
.gn-icons-forum:before{content:"\e602";} .gn-icons-shop:before{content:"\e67f";} .gn-icons-nav:before{content:"\e606";}
.gn-icons-menu-point:before{content:"\e60e";} .gn-icons-menu-point2:before{content:"\e625";} .gn-icons-star:before{content:"\e661";}
.gn-icons-msg:before{content:"\e60b";} .gn-icons-help:before{content:"\e652";} .gn-icons-water-fall:before{content:"\e60c";} 
.gn-icons-search:before{content:'\e714';} .gn-icons-img-cut:before{content:'\e612';} .gn-icons-register:before{content:'\e677';} 
.gn-icons-write:before{content:'\e646';} .gn-icons-logoff:before{content:'\e610';} .gn-icons-check:before{content:'\e866';} 
.gn-icons-loading2:before{content:"\e61e";} .gn-icons-insert:before{content:"\e6ee";} .gn-icons-clone:before{content:"\e6dc";} 
.gn-icons-remove:before{content:"\e656";} .gn-icons-edit:before{content:"\e600";} .gn-icons-like:before{content:"\e64a";} 
.gn-icons-pause:before{content:"\e96b";} .gn-icons-play:before{content:"\e6b1";} .gn-icons-stop:before{content:"\e61b";} 
.gn-icons-shopping-cart:before{content:"\e633";} .gn-icons-close:before{content:"\e617";}

/* banner和搜索 */
.banner{
	position: relative;
	width: 100%;
	height: 48vw;
	padding: 2.9rem 0 0 0;
}

.search{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2.8rem;
	background: rgba(100,100,100,.3);
	z-index: 1;
}
.search .gn-icons-search {width: 5%;float: left;padding: 0.2rem 0.5rem;text-align: center;}
.search .gn-icons-search:before{font-size: large;}
.search form{
	width: 90%;
	height: 1.8rem;
	margin: 0.2rem auto;
	background: #ffffff;
	border-radius: 3px;
}

.search form img{
	float: left;
	width: 6%;
	padding: 1.5% 3.5%;
}

.search form input[type="text"]{
	display: block;
	float: left;
	width: 64%;
	height: 100%;
	border: none;
	outline: none;
	font-size: 0.8rem;
}

.search form button[type="submit"]{
	display: block;
	float: right;
	width: 25%;
	height: 100%;
	border: none;
	color: #ffffff;
	font-size: 1rem;
	letter-spacing: 2px;
	background: #ffa523;
	border-radius: 0 3px 3px 0;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-container-horizontal>.focusUnique{
	bottom: 1%!important; /*大图分页器高度*/
}

.swiper-container-horizontal>.turnUnique{
	bottom: 2%!important; /*分页器高度*/
}

.swiper-container-horizontal>.focusUnique>.swiper-pagination-bullet{
	background: #fff!important;
    opacity: .8!important;/*分页器颜色*/
}

.swiper-container-horizontal>.focusUnique>.swiper-pagination-bullet-active{
	background: #56c99e!important; /*分页器选中颜色*/
}

/* 专业分类 */
.m-profession {background: #fff;}
.m-profession ul li {float: left;width: 32%;height: 3.9rem;position: relative;margin: 0 0.12rem;}
.m-profession ul li a {width: 100%;display: block;overflow: hidden;position: absolute;top: 0.5rem;background: #fff;}
.m-profession ul li .ig {padding: 0.5rem 0.3rem 0.5rem 0.4rem;}
.m-profession ul li .ig img {width: 2rem;height: 2rem;vertical-align: middle;}
.m-profession ul li .fon{height: 3rem;line-height: 3rem;}
.m-profession ul li .fon h3 {color: #555454;font-size: 0.9rem;font-weight: normal;}
.fl {float: left;}
.clearFloat {zoom: 1;}
/* 菜单 */
.index-menu {width: 100%;background-color: #fff;overflow: hidden;padding-bottom: 15px;position: relative;margin: 0 0 0.5rem 0;}
.swiper-container-horizontal>.swiper-pagination {bottom: 10px;left: 0;width: 100%;}
.swiper-pagination {position: absolute;text-align: center;-webkit-transition: 300ms;-moz-transition: 300ms;-o-transition: 300ms;transition: 300ms;-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {margin: 0 5px;width: 10px;height: 10px;}
.swiper-pagination-bullet-active{background: #56c99e!important;}
.tab-box{display: block;position: relative;width:25%;float: left;}
.tab-box a{display: block;color: #051B28;font-size: 12px;line-height: normal;height: auto;text-align: center;margin: 15px;background-color: #fff;background-clip: content-box;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
.tab-box img{display: block;margin: 0 auto 5px;width: 50px;height: 55px;}
.tab-box  .lstx{width: 55px;height: 55px;}
/* 各地赔偿标准 */
.standard{width: 100%;background: #ffffff;overflow: hidden;margin: 0 0 0.5rem 0;}
.standard_title{position: relative;width: 100%;height: 3rem;}
.standard_title h2{position: absolute;bottom: 1rem;left: 1rem;}
.standard_title h2 a{color: #ff5b5a;font-size: 1.0rem;}
.standard_title .standard_consulting{position: absolute;bottom: 1rem;right: 1rem;color: #fd6943;	font-size: 0.8rem;}
.standard_pos{display: flex;flex-wrap: wrap;width: 98%;height: 6rem;margin: 0.5rem auto;}
.standard_pos a{width: 20%;display: block;height: 2rem;float: left;}
.standard_pos p{line-height: 2rem;margin: 0 0.5rem;background: #efefef;text-align: center;font-size: 0.8rem;}
/* banner轮播 */
.turn{position: relative;width: 100%;overflow: hidden;margin: 0 0 0.5rem 0;background: #ffffff;}
.swiper-container-horizontal>.turnUnique{bottom: 2%!important; /*分页器高度*/}
.turnUnique .swiper-pagination-bullet{background: #fff!important;opacity: .8!important;}
.turnUnique  .swiper-pagination-bullet-active{background: #56c99e!important;}
.swiper-pagination-bullet-active{background: #56c99e!important;}
/* 律师团队 */
.team{
    width: 100%;
	background: #ffffff;
	margin: 0 0 0.5rem 0;
}

.team_title{
	position: relative;
	width: 96%;
	height: 3rem;
	margin: 0 auto;
	border-bottom: 1px solid #dddddd;
}

.team_title h2{
	position: absolute;
	bottom: 1rem;
	left: 0.5rem;
	font-size: 1.0rem;
}

.team_title h2 img{
	display: inline;
	width: 16%;
	margin: 0 0.2rem -0.4rem 0;
}

.team_title p{
	position: absolute;
	bottom: 1rem;
	right: 0.5rem;
}

.team_title p strong{
	color: #fd6943;
}

.team_lawyers{
	position: relative;
	width: 94%;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 0.15rem;
}
/* 计算器 */
.calculator{
	position: relative;
    height: 5rem;
    width: 100%;
    background: #ffffff;
    margin: 0 0 0.5rem 0;
}

.calculator_div{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 26%;
}

.calculator a:nth-child(2) div{
	left: 26%;
}

.calculator_div img{
	margin: 0.5rem auto 0.3rem auto;
    width: 2rem;
    display: block;
}

.calculator a:nth-child(2) div img{
	margin: 0.5rem auto 0.3rem auto;
}

.calculator_div p{
	text-align: center;
}

.calculator_div::after{
	content: '';
	position: absolute;
	top: 0.2rem;
	right: 0;
	width: 1px;
	height: 85%;
	background: #efefef;
}

.calculator_phone{
	position: absolute;
	top: 0;
	left: 52%;
	height: 100%;
	width: 48%;
}

.calculator_phone img{
	margin: 0.5rem auto;
    width: 6.8rem;
    display: block;
}

.phone{
	width: 80%;
	height: 1.6rem;
	line-height: 1.6rem;	
	margin: 0 auto;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	color: #ffffff;
	background: -webkit-linear-gradient(#a6e594, #22b7a3); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#a6e594, #22b7a3); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#a6e594, #22b7a3); /* Firefox 3.6 - 15 */
	background: linear-gradient(#a6e594, #22b7a3); /* 标准的语法 */
}

/* 为什么选国晖 */
.why{
	padding: 0.8rem 0.5rem;
	background: #9ce295;
	margin: 0 0 0.5rem 0;
}

.why > img{
	margin: 0 auto;
	display: block;
	max-width:200px;
}

.why_con{
	position: relative;
	width: 100%;
	background: #ffffff;
	margin: 0.8rem 0 0 0;
	border-radius: 5px;
}

.why_con::before{
	content: '';
	position: absolute;
	top: 10%;
	left: 49%;
	width: 1px;
	height: 80%;
	background: #e0e0e0;
}

.why_con::after{
	content: '';
	display: block;
	clear: both;
}

.why_con div{
	width: 44%;
	padding: 0.8rem 3% 0.8rem 3%;
	float: left;
}

.why_con div p{
	line-height: 1.6rem;
    font-size: 0.8rem;
}

.why_con div img{
	display: inline;
	width: 40px;
	vertical-align: middle;
	margin: -0.5rem 0.5rem 0 0;
}

.why_con div strong{
	font-size: 1.0rem;
	color: #e64941;
}

.why_con div span{
	color: #e64941;
}
/* 最新咨询 */
.newConsulting{
    height: 100%;
    width: 100%;
    background: #ffffff;
    margin: 0 0 0.5rem 0;
	overflow: hidden;
}

.newConsulting .con_2 {
    display: none;
}

.newest_title{
	position: relative;
	width: 96%;
	height: 3rem;
	margin: 0 auto;
	border-bottom: 1px solid #dddddd;
}

.newConsulting .newest_title .link_2 {
    display: none;
}

.newest_title > h2:nth-child(2){
	position: absolute;
    bottom: -0.15rem;
    left: 3rem;
    font-size: 1.2rem;
    font-weight: normal;
	height: 2.6rem;
}
.newest_title > h2:nth-child(3){
	position: absolute;
    bottom: -0.15rem;
    left: 8.5rem;
    font-size: 1.2rem;
    font-weight: normal;
    height: 2.6rem;
}
.newest_title  .current {
    border-bottom: 0.2rem solid #22b7a4;
    height: 2.4rem!important;
}
.newest_title img{
	display: inline;
	max-width: 26px;
	margin: 0.65rem 0.8rem 0rem 0.5rem;
}

.newest_title a{
	position: absolute;
    bottom: 1rem;
    right: 0.5rem;
    color: #fd6943;
    font-size: 1.0rem;
}

.consult_con{
	width: 92%;
    height: 100%;
    padding: 1rem 0;
    margin: 0 1rem;
    border-bottom: 1px solid #efefef;
}

.consult_conInfo{
	line-height: 2rem;
    height: 2rem;
} 

.consult_conInfo span:nth-child(1){
	color: #AAAAAA;
}

.consult_conInfo span:nth-child(2){
	float: right;
	color: #AAAAAA;
}

.consult_conStatus{
	color: #56c99e!important;
}

.consult_conText{
	width: 100%;
    height: auto;
	max-height: 6rem;
    margin: 0 auto;
    line-height: 1.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}

.consult_release{
	max-height: none;
	-webkit-line-clamp: unset;
}

.consult_conText a{
	width: 100%;
	height: 2rem;
	overflow-x: hidden;
}

.consult_bottom{
	position: relative;
	width: 100%;
	height: 100%;
}

.consult_bottom::before{
	content: '';
    position: absolute;
    top: 0.5rem;
    left: 50%;
    width: 1px;
    height: 3.0rem;
    background: #efefef;
}

.consult_bottom::after{
	content: '';
	display: block;
	clear: both;
}

.consult_bottom div{
	float: left;
    width: 50%;
    height: 100%;
    text-align: center;
    line-height: 1.5rem;
    padding: 0.5rem 0;
}

.consult_bottom p{
	color: #56c99e;
}

.consult_num{
	font-size: 1.2rem;
	font-weight: bold;
	color: #eea50b!important;
}

.consult_Bt{
	height: 3rem!important;
    line-height: 3rem!important;
    color: #56c99e;
    font-size: 1.2rem;
}

.consult_Bt img{
	display: inline;
    max-width: 28px;
    margin: 0 0 -0.5rem 0.5rem;
}
/* 弊端 */
.disadvantages{
	background: #ffffff;
	margin: 0 0 0.5rem 0;
    padding: 0 0.5rem 0rem 0.4rem;
}

.disadvantages > div{
	position: relative;
	height: 5.2rem;
	padding: 0.8rem 0;
	border-bottom: 1px solid #e0e0e0;
	background-image: url(../../images/GnImg/ms.png);
	background-repeat: no-repeat;
}

.disadvantages > div:nth-child(1){
	background-position-y: 0.1rem;
    background-position-x: -0.6rem;
    background-size: 6.6rem;
}

.disadvantages > div:nth-child(2){
	background-position-y: -8.2rem;
    background-position-x: -0.6rem;
    background-size: 6.6rem;
}

.disadvantages > div:nth-child(3){
	background-position-y: -16.7rem;
    background-position-x: -0.6rem;
    background-size: 6.6rem;
}


.disadvantages > div:nth-child(4){
	background-position-y: -25.6rem;
    background-position-x: -0.6rem;
    background-size: 6.6rem;
}

.disadvantages > div:nth-child(5){
	border-bottom: none;
	background-position-y: -34.5rem;
    background-position-x: -0.6rem;
    background-size:6.6rem;
}

.disadvantages img{
	float: left;
	width: 18%;
	margin: 0 0.5rem 0 0;
}

.disadvantages div div{
	float: right;
	width: 76%;
}

.disadvantages p{
	line-height: 1.8rem;
	width: 90%;
}

.disadvantages strong{
	font-size: 1.0rem;
}

.disadvantages div::before{
	content: '>';
	position: absolute;
    top: 2.5rem;
    right: 0;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    font-size: 1.2rem;
    color: #9ce295;
    border: 1px solid #9ce295;
    border-radius: 100%;
}

.disadvantages div::after{
	content: '';
	display: block;
	clear: both;
}

/* 热门搜索 */
.hotSearch{
	margin: 0 0 3rem 0;
	height: 5rem;
	position: relative;
	background: #ffffff;
}
.hotSearch > span{width: 20%;height: 5rem;float: left;}

.hotSearch > span::before{
	content: '';
	position: absolute;
	top: 15%;
	left: 20%;
	width: 1px;
	height: 70%;
	background: #e0e0e0;
}

.hotSearch > span > img{
	padding: 0.6rem 0.8rem;
	max-width: 85%;
    max-height: 3.8rem;
    display: block;
	margin: 0 auto;
}

.hotSearch > div{
	width: 36%;
	float: right;
	padding: 0.4rem 0 0 0.5rem;
	
}

.hotSearch > div p{
	line-height: 2rem;
	white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;color: #fd6943;
}

.hotSearch > div p a{
	color: #fd6943;
	text-decoration: underline;
	font-size: 1.0rem;
}



/* 网站导航菜单 */
.navMenu{
	position: fixed;
	bottom: 3.5rem;
	right: -3rem;
	display: none;
    z-index: 1000;
	width: 50%;
	border: 5px solid #25cdb3;
	box-sizing: border-box;
	background: #ffffff;
	opacity: 0;
}

.navMenu p{
	text-align: center;
    line-height: 2.0rem;
    font-size: 1.0rem;
}

.navMenu p::after{
	content: '';
    display: block;
    width: 11.6rem;
    height: 1px;
    margin: 0 0 0 0.8rem;
    background: #e0e0e0;
}

.navMenu a:nth-child(13) p::after{
	display: none;
}

/* 添加快捷方式弹窗 */
.shortcut{
	position: fixed;
	top: 0;
	right: 0;
	display: none;
    z-index: 1000;
	width: 100%;
	height: 100%;
	background: rgba(40, 40, 40, 0.8);
}

.shortcut_body{
	position: absolute;
	top: 30%;
	left: 10%;
	width: 80%;
	background: #ffffff;
	border-radius: 5px;
}

.shortcut_con{
	padding: 1.5rem 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.shortcut_con p:nth-child(1){
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 0 1rem 0;
	text-align: center;
}

.shortcut_con p:nth-child(2){
	color: #888888;
	line-height: 1.5rem;
}

.shortcut_close{
	text-align: center;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #56c99e;
}

/* ipad竖屏 */
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px){
	/* 网站导航菜单 */
	.navMenu p{
		line-height: 0.7rem;
	}
}

/* ipad横屏 */
@media only screen  and (min-device-width : 768px)  and (max-device-width : 1024px) and (orientation : landscape){
	/* 网站导航菜单 */
	.navMenu p{
		line-height: 0.4rem;
		font-size: 0.3rem;
	}
}

/* 最新评价 */
.comments{
	margin: 0 0 1rem 0;
	background: #ffffff;
	overflow: hidden;
}

.comments_con{
	position: relative;
	padding: 1rem;
}

.pinglun_title{height: 3rem;line-height: 3rem;width: 92%;margin: 0 auto; margin-bottom: 0.8rem; border-bottom: 1px solid #dadada;}
.pinglun_title .pinglun_sp{font-size: 1.0rem;float: left;border-bottom: 3px solid #22b7a4;height: 3rem;display: block;width: 24%;text-align: center;}
.pinglun_title .pinglun_a{display: block;float: right;color: #444;width: 30%;text-align: right;background: url(../../images/dianping/77-01_03.png) 0px 0.8rem no-repeat; background-size: 1.8rem;}

.fbwt_ts{width: 96%;height: 30px;margin: 0 auto;line-height: 30px;color: #fca0a1;font-size: 12px;}
.fbwt_bt{width: 90%;height: 50px;line-height: 50px;margin: 0 auto;font-size: 16px;text-indent: 2.5rem;background: url(../../images/GnImg/11-1_03.png) no-repeat 0px 10px;background-size: 28px;}
#introduce{width:94%;height:135px;margin: 0 auto;display: block;line-height: 28px;padding: 5px;}
.fbwt_box{width: 90%;margin: 0 auto;height: 40px;line-height: 40px;margin-top: 10px;text-indent: 3.0rem;background: url(../../images/GnImg/11-1_07.png) no-repeat 0px 5px;background-size: 23px;}
.fbwt_box select{width: 80px;height: 30px;margin-right: 10px;}
.fbwt_di{width: 98%;height: 33px;margin: 0 auto;line-height: 33px;margin-top: 15px;}
.fbwt_di span{font-size: 1.2em;float: left;width: 100px;text-align: right;}
.fbwt_di input{width:55%;height:25px;}
.fbwt_di .fb_bmit{width: 80%;height: 35px;border-radius: 8px;background: #14ceb2;color: #fff;font-size: 1.2em;margin: 20px auto;display: block;line-height: 30px;}

@media only screen and (max-width: 600px) {
.jzxwt{width:100%!important;height:590px!important;background: url(../../images/peichang/88-01_02.jpg) no-repeat!important;background-size: 100%!important;}
.jzxwt .zxwt_info{width: 60%!important;margin: 0 auto!important;position: relative!important;top: 20%!important;}
.jzxwt .zxwt_info li{text-align: center!important;background: url(../../images/peichang/88-02_03.png) no-repeat!important;background-size: 100%!important;height: 42px!important;margin: 10px auto!important;width: 80%!important;line-height: 30px!important;color: #fff!important;}
}
.jzxwt{width:100%;height:2100px;background: url(../../images/peichang/88-01_02.jpg) no-repeat;background-size: 100%;}
.jzxwt .zxwt_info{width: 60%;margin: 0 auto;position: relative;top: 20%;}
.jzxwt .zxwt_info li{text-align: center;background: url(../../images/peichang/88-02_03.png) no-repeat;background-size: 100%; height:122px;margin: 60px auto;width: 80%;line-height: 122px;color: #fff;font-size: 18px;}

.biao-prompt {background: #efebef;
    font-size: 1.2rem;
    line-height: 3rem;
    color: #999;
    height: 3rem;
    text-align: center;}
.biao-phone {background: #abfbfc;
    background-image: url(../../images/peichang/fer4r3_03.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 1.0rem;
    line-height: 3.2rem;
    color: #ff2f57;
    height: 3.5rem;
    text-align: right;
    padding-right: 3px;
    margin: 5%;}
.bde-text {height: 3rem;width: 100%;text-align: center;font-size: 1.0rem;color: #9b9b9b;border: 0;outline: medium none;background: #fff;}
.butt {width: 40%;height: 3rem;line-height: 3rem;border: 0;margin: 1rem 30%;background: #289be9;color: #fff;font-size: 1.0rem;border-radius: 4px;outline: medium none;}
.select-style {width: 75%;border: 0;height: 3rem;background: none;-webkit-appearance: none;color: #9b9b9b;font-size: 1.0rem;outline: medium none;float: right;line-height: 12vw;}
.first {height: 3rem;border-bottom: 1px solid #ccc;padding: 0 3% 0 4%;}
.title-style {line-height: 3rem;float: left;}
.ts{width: 90%;
    height: 5rem;
    line-height: 2rem;
    color: rgb(255, 0, 0);
    margin: 1rem auto;}

.comments_con:nth-child(1)::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 3%;
	width: 94%;
	height: 1px;
	background: #efefef;
}

.comments_con div{
	margin: 0 0 0.8rem 0;
}

.comments_con div::after{
	content: '';
	display: block;
	clear: both;
}

.comments_con div > img{
	float: left;
	width: 10%;
	margin: 0 0.8rem 0 0;
}

.comments_con div p{
	float: left;
    line-height: 2.5rem;
    font-size: 1.1rem;
}

.comments_con div p:nth-child(3){
	float: right;
	font-size: 1.0rem;
	text-align: right;
}

.comments_con div p img{
	display: inline;
	width: 6%;
}

.comments_tag,.comments_text{
	margin: 0 0 0.8rem 0;
}

.comments_info span{
	color: #BBBBBB;
}

.comments_info span:nth-child(2){
	float: right;
}

.comments_tag span{
	border: 1px solid #bbbbbb;
    border-radius: 3px;
    padding: 0.2rem 0.8rem;
    line-height: 2.5rem;
    word-break: keep-all;
}

#scrollUp {bottom:80px;right: 0px;height: 38px;width: 35px;background: #4d4d4d url(../../images/GnImg/top.png) no-repeat center;background-size: 45%;z-index: 10!important;}
#onLine {bottom: 118px;right: 0px;height: 35px;width: 35px;background: #4cd9b6 url(../../images/GnImg/zx.png) no-repeat top;background-size: 65%;background-position-y: 5px;color: #fff;text-align: center;font-size: 0.8rem;font-family: 微软雅黑;line-height: 15px;padding-top: 30px;z-index: 10!important;}
#leaveWord {bottom: 173px;right: 0px;height: 55px;width: 60px;background: #fc7a2c url(../../images/GnImg/ly.png) no-repeat top;background-size: 55%;background-position-y: 5px;position: fixed; z-index: 10!important;}
.star_score {display: inline-block;width: 18px;height: 18px;background-image: url(../../images/dianping/web_widget_star.gif);background-position: 0px -25px;}
.counter_body{width: 100%;height: 100%;position: fixed;z-index: 9;left: 0px;top: 0px;display: block;background:url(../../images/GnImg/vyi.jpg)  no-repeat center;background-size: 100% 100%;}
.counter{position: absolute;top: 13%;width: 100%;height: 75%;}
.counter .counter-con{width: 80%;margin: 0 auto;}
.counter .counter-con div{height: 2rem;line-height: 2rem;text-align: center;}
.counter .counter-con div:nth-child(1){font-size: 1.3rem;}
.counter .counter-con div:nth-child(2){font-size: 1.2rem;}
.counter .counter-con div:nth-child(3){font-size: 1.2rem;margin: 0.5rem auto;color: #607bfe;border-radius: 5px;border: 1px solid #607bfe;width: 90%;}
.counter .cut-over{width: 100%;position: absolute;bottom: 0;left: 0;}
.counter .cut-over a{display: block;color: #fff;margin: 0.8rem auto 0 auto;width: 60%;text-align: center;height: 2.5rem;line-height: 2.3rem;background: #4d4d4d url(../../images/GnImg/vdeg1_03.png) no-repeat center;background-size: 100% 100%;background-color: rgba(0, 0, 0, 0.12);}

.text-c{line-height:5rem;width:100%;text-align:center;margin-top:6px;}
.text-c a{padding:5px 8px;background:#14ceb2;color:white;border-radius: 3px;margin-right:2px;margin-left: 4px;}

.bk,.bk0,.bk1,.bk2,.bk3,.bk3s,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30,.bk40,.bk60{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk{height: 5px;background:#eeeced;}.bk0{height: 15px;background:#f7f5f5;}.bk1{height: 0px;}.bk2{height: 0.5px;}.bk3{height: 3px;}.bk3s{height: 10px;background:#e8e6e7;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}.bk40{height: 40px}.bk60{height: 200px}

.art-extend {display: -webkit-box; margin: 0.5rem auto 2rem auto;}
.art-extend .like {display: block;background: #fff;width: 50%;height: 30px;-webkit-box-shadow: 0 01rem 01rem #e2ebf3;box-shadow: 0 01rem 01rem #e2ebf3;text-align: center;line-height: 2rem;-webkit-box-flex: 1;margin: 1rem;-webkit-border-radius: 02rem;border-radius: 02rem;}
.art-extend .like #mood{float: left;width: 100%;}

#weixinShareDialog{width: 60%;margin: 0 auto;}
.wx-qrcode{text-align: center;}
.wx-header{height: 30px;line-height: 30px;text-align: center;}
.wx-footer{height: 55px;line-height: 25px;}
.wx-close{font-size: 1.4em;}
.wx_on{display: none;}
.release{width: 2.8rem!important;margin: 0.5rem auto 0.5rem 2.5rem!important;}

.retrie {position: relative;z-index: 102;height: 2.5rem;background-color: #fff;border-bottom: 1px solid #e8e8e8;box-shadow: 0px 1px 2px #e6e6e6;}
.retrie dt {overflow: hidden;}
.retrie dd {position: relative;}
.retrie dt div {position:relative;float: left; width: 49.5%;height: 2rem;line-height: 2rem;color: #333;font-size: 1.0rem;text-align: center;}
.retrie dt div a{color: #444;display: block; margin-top: -0.1rem;}
.retrie dt a:after {position: absolute;top: 6vw;left: 50%;width: 1vw;height: 1vw;border: #666 solid;border-width: 1px 1px 0 0; content: ' ';-webkit-transform: rotate(135deg);}
.retrie dt a:last-child:before {position: absolute;top: 10px;left: 100px;display: block;width: 1px;height: 30px;content: ' ';}
.retrie dt .up:after {margin-top: 0;border: #007ccf solid;border-width: 1px 1px 0 0;-webkit-transform: rotate(-45deg);}
.slide {position: absolute;top: 0px;left: 0;z-index: 104;display: none;width: 100%;overflow-y: auto;background-color: #fff;}
.slide li a {display: block!important;padding: 0 40px!important;height: 40px!important;background-color: transparent;line-height: 40px;}
.i_zx_list{width: 94%;height: 3.5rem;margin: 0 auto;line-height: 3.4rem;font-size: 1.1rem;}
.i_zx_list .i_zx_list_t{display: block;width: 20%;height: 90%;float: left;text-align: center;border-bottom: 5px solid #22b7a4;}
.i_zx_list .is_zx_tw{float: right;width: 18%;text-align: right;background: url(../../images/peichang/tiwen.png) 0px 12px no-repeat;background-size: 1.8rem;}
.i_zx_list .is_zx_tw a{color:#444;}
.i_zx_gd{display: block;width: 50%;height: 2.5rem;line-height: 2.5rem;text-align: center;margin: 0 auto;background: #31cab5;color: #fff;border-radius: 10px;margin-top: 1rem;margin-bottom: 2rem;}
.i_zx_reply{display: block;height: 5vw;line-height: 5vw;text-align: center;font-size: 4vw;margin-top: 5vw;}
.i_zs_reply_info{padding: 10px;width: 90%;margin: 0 auto;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.i_zs_reply_lsj{width: 50%;height: 4rem;line-height: 2rem;float: left;text-align: center;margin-top: 1rem;}
.i_shuju{right: 6px;border-radius: 5px;height: 16px;width: 40px;background: #fd5a5f;position: absolute;line-height: 16px; font-size: 1rem;opacity: 0.8;}

.matters {width: 49.5%;float: left;min-height: 10vw;text-align: center;}
.matters a{padding-bottom: 6px;display: block;font-size: 1.0rem;line-height: 1.5rem;color: #222;}
.matters_img{height: 1.2rem;width: 50%;margin: 0 auto;background-image: url(../../images/peichang/members.png);background-repeat: no-repeat;background-position: center;}
.matters_fg{width: 1px;text-indent: -10000px;border-right: 1px solid #fff;height: 9vw;margin-top: 5px;float: left;}
.matters:nth-child(1) .matters_img {background-position-y: 0rem;background-size: 3.5rem;}
.matters:nth-child(3) .matters_img {background-position-y: -2.25rem;background-size: 3.5rem;}
.solve{background: #f3eff0;padding-top: 1rem;}
.solve_con{width: 99%;margin: 0 auto;background-image: url(../../images/peichang/solve.png);background-size: 100% 100%;background-repeat: no-repeat;min-height: 12rem;}
.solve_con li{line-height: 1.65rem;}
.operation{}
.operation li{width: 50%;float: left;}
.operation .consulting{display: block;width: 80%;height: 3rem;background: url(../../images/peichang/consulting.png) no-repeat;background-size: 100% 100%;margin: 1em auto;}
.operation .lookings{display: block;width: 80%;height: 3rem;background: url(../../images/peichang/lookings.png) no-repeat;background-size: 100% 100%;margin: 1em auto;}
.ghinfo{width:100%;background: url(../../images/peichang/ghinfo.png) no-repeat;background-size: 100% 100%;min-height: 18rem;max-height: 18rem;}
.ghinfo ul{width: 99%;margin: 0 auto;border: 1px dashed #fad761;padding-bottom: 2rem;}
.ghinfo ul li{padding-left: 1rem;line-height: 1.65rem;font-size: 0.9rem;}
.ghinfo .g_t{line-height: 3rem;font-size: 1.0rem;text-align: center;font-weight: bold;color: #917454;}

.main {padding: 3rem 0 0 0;background: url(../../images/peichang/bg.png) center no-repeat;background-size: 100% 100%;}
.main .list_img{width:100%;background: #fff;}
.main .list_img img{width:100%}
.main .crumbs{width:100%;background:#ededed;font-size: 1.1rem;border:1px solid #e1e1e1;height: 3rem;line-height: 3rem;text-indent: 0.8rem;}
.main .crumbs a{color:#666;font-size: 1.1rem;}
.main .article {padding:0.5rem;}
.main .article .title {background: none;color: #333;font-size: 1.3rem;display: block;width: 100%;margin: 0;text-align: center;height: auto;line-height: 3.0rem;clear: both;font-weight: bold;}
.main .article .data {background: none;font-size: 1.0rem;color: #666;font-weight: normal;line-height: 1.2rem;height: 1.2rem;display: block;width: 100%;margin: 0;text-align: center;clear: both;}
.main .article .show_description{width: 55%;margin: 0px auto;}
.main .article .show_description a img{width:100%;}
.main .article .content{font-size:1.0rem;width: 100%;line-height: 2.0rem;word-wrap:break-word;word-break:break-all;}
.main .article .content img{width:100% ! important;height:auto ! important;}
.main .article .content table {width: 100% !important;word-break: break-all;}
.main .article .related{width:98%;margin: 0 auto;}
.main .article .related h4{font-size: 1.1rem;}
.main .article .related ul li{white-space: nowrap;overflow: hidden;height: 3rem;line-height: 3rem;position: relative;}
.main .article .related ul li a{font-size: 1.0rem;color: #566a95;overflow: hidden;text-decoration: underline;width: 92%;display: block;margin: 0 auto;}
.main .article .related ul li .related_units{width: 0.5rem;height: 0.5rem;border: 1px solid #0081ff;background: #0081ff;position: absolute;bottom: 18px;left: 0;}
.main .article .xgrc{margin-bottom:10px;width:98% ! important;margin: 0 auto;}
/*.main .article .fx_c{width: 93%;height: 3rem;color: #1b1b1b;margin: 1rem;}
.main .article .fx_c span{float: left;line-height: 3rem;font-size: 1.3rem;}*/
.main .article .share{width: 70%;margin: 0 auto;/*position: absolute;left: 0;right: 0;bottom: 8px;*/display: flex;text-align: center;}
.main .article .share .share_item{height: 35px;margin-right: 8px;}
.main .article .share .fl {width: 40%;line-height: 35px;font-size: 14px;font-weight: 600;}
.main .article .slider-nav{margin: 0 5px;position: relative;border: 1px solid #e3e3e3;border-left: none;}
.main .article .slider-nav .slick-prev,.main .article .slider-nav .slick-next{position: absolute;top: 50%;margin-top: -11px;border: 0;background: none;overflow: hidden;width: 8px;height: 22px;font-size: 0;padding: 0;line-height: 0;z-index: 5;cursor: pointer;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.main .article .slider-nav .slick-prev{left: -10px;background-image: url(../../images/law/arrow-l.png);}
.main .article .slider-nav .slick-next{right: -10px;background-image: url(../../images/law/arrow-r.png);}
.main .article .slider-nav a{display: block;line-height: 40px;font-size: 12px;color: #333;text-align: center;border-left: 1px solid #ccc;background-color: #f7f7f7;}
.main .article .slider-nav .slick-current a{background-color: #178ad5;color: #fff;}
.main .article .pz{line-height:2.4rem;font-size:1.3rem;width:98%;margin: 0 auto;}
.main .article .pz a{color:#333;padding:5px 0;}
.main .category_title{width:100%;height:3rem;background:url(../../images/peichang/category_title.png) no-repeat;background-size: 100% 100%;line-height: 2.5rem;}
.main .category_title strong{color: #656766;padding-left: 10%;font-size: 1.1rem;}
.main .col_td .touxiang {width: 96%;margin: 15px auto;}
.main .col_td .touxiang .wbox {width: 22%;margin-right: 4%;line-height: 2.5rem;font-size: 1.4rem;text-align: center;-webkit-box-flex: 1;float: left;margin: 5px;}
.main .col_td .touxiang .wbox .lvname{display:block;width:100%;text-align:center;color:#333;padding-top:5px;text-decoration:none;font-size:1.0rem;}
.main  .col article {width: 95%;margin: 0 auto;font-family: "microsoft yahei", "times new roman Regular";font-size: 100%;color: #666;}
.main  .col article > div {margin-top: 1em;}
.main  .col article img {width: 125px;margin: 5% auto;clear: both;display: block;}
.main  .col .lawyerProfile {}
.main  .col .lawyerProfile li {line-height: 2.2em;}
.main  .col .skil {background-color: rgb(49, 193, 169);color: white;padding: 5px;}
.main  .col h3.tips {background-color: rgb(219, 219, 219);padding: 5px 0;color: #333333;padding-left: 8px;}
.main  .col .right_contact li {line-height: 1.5;}
.main .list_title{width:100%;background: #13ceb1;line-height: 3rem;}
.main .list_title strong{color: #fff;text-indent: 1rem;display: block;}
.main .col ul li a {font-size: 1rem;color: #333;border-bottom: 1px solid #ddd;display: block;width: 92%;height: 3rem;line-height: 3rem;margin: 0 auto;overflow: hidden;}
.main .col ul li a span{width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;float: left;}
.main .col ul li a .icon {margin-top: 0.3rem;}
.main .box{margin-top: 1em;}
.main .box .btn {width: 100%;height: auto;background: #EEEEEE;padding-top: 1em;}
.main .box .btn li {width: 25%;min-height: 8.5rem;background: #fff;float: left;color:#00bea1;padding: 1em 0em 1em 0em;text-align: center;background:url(../../images/peichang/btn.png) no-repeat;background-size: 100% 100%;}
.main .btn li.current {min-height: 8.5rem;background:url(../../images/peichang/current.png) no-repeat;background-size: 100% 100%;}
.main .btn li.current .cat_title{color: #f62222!important;}
.main .col .box .cont{width: 100%;clear: both;}
.main .col .box .cont li {display: none;}
.main .col .box .cont #con_1 {padding: 10px;display: block;}
.main .col .box .cont li a {white-space: nowrap;overflow: hidden;display: block;width: 100%;height: 3rem;line-height: 3rem;border-bottom: 1px solid #ddd;font-size: 1rem;color: #333;}
.main .col .box .cont li a .icon {margin-top: 0.3rem;}
.main .col .box .cont .more{display: block;width: 92%;margin: 2rem auto;background: #d2d2d2;border-radius: 3px;text-align: center;font-weight: bold;font-size: 1rem;}
.main .btn li .cat_menu {width: 96%;height: 4.5rem;margin: 0 auto;background-image: url(../../images/peichang/c_menu.png);background-repeat: no-repeat;background-position-x: center;}
.main .btn li .cat_title{width: 4rem;height:auto;font-size: 0.9rem;margin: 0 auto;word-break: break-all;}
.main .box ul:nth-child(1) li:nth-child(1) .cat_menu {background-position-y: 0rem;background-size: 3.5rem;}
.main .box ul:nth-child(1) li:nth-child(2) .cat_menu {background-position-y: -5.06rem;background-size: 3.5rem;}
.main .box ul:nth-child(1) li:nth-child(3) .cat_menu {background-position-y: -10.19rem;background-size: 3.5rem;}
.main .box ul:nth-child(1) li:nth-child(4) .cat_menu {background-position-y: -15.26rem;background-size: 3.5rem;}
.main .box ul:nth-child(1) li:nth-child(5) .cat_menu {background-position-y: -20.29rem;background-size: 3.5rem;}
.main .box ul:nth-child(1) li:nth-child(6) .cat_menu {background-position-y: -25.43rem;background-size: 3.5rem;}
.main  .news-con{background: #f1fcde;padding: 10px 0px;}
.main  .news-hot{width: 98%;height: 8rem;margin: 10px auto;border: 1px solid #25c4a6;border-radius: 10px;background: #fff;}
.main  .news-hot img{width:6.0rem;height: 8rem;float: left;padding-right: 5px;}
.main  .news-hot ul{float: left;width: 73%;}
.main  .news-hot ul li{background: url(../../images/peichang/news.png) right 4px no-repeat;background-size: 1.8rem;height: 2.6rem;line-height: 2.6rem;}
.main  .news-hot ul li a{font-size: 1rem;color: #333;border-bottom: 1px solid #25c4a6;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;margin-right: 15px;}
@media only screen and (max-width: 320px) {
	.main  .news-hot ul{width: 68%;}
}
.main .gywm_box{margin-top: 1em;}
.main .gywm_box .gy_btn {width: 100%;height: 16.5rem;background: #EEEEEE;padding-top: 1em;}
.main .gywm_box .gy_btn li {width: 33%;height: 5.6rem;background: #fff;float: left;color:#00bea1;padding: 1em 0em 1em 0em;text-align: center;font-size: 1.2rem;background:url(../../images/peichang/btn.png) no-repeat;background-size: 100% 100%;}
.main .gywm_box .gy_btn li p{color: #00bea1;}
.main .gywm_box li.current {color: #f62222;background:url(../../images/peichang/current.png) no-repeat;background-size: 100% 100%;}
.main .gywm_box li.current p{color: #f62222;}
.main .gywm_box .conts{width: 100%;clear: both;}
.main .gywm_box .conts li {display: none;}
.main .gywm_box .conts #con_1 {display: block;}
.main .gywm_box .conts li a {white-space: nowrap;overflow: hidden;display: block;width: 100%;border-bottom: 1px solid #ddd;font-size: 1.5rem;color: #333;}
.main .gywm_box .conts li a img {padding-bottom: 3px;}
.main .gywm_box .conts .more{display: block;width: 92%;height: 35px;line-height: 35px;margin: 0 auto;margin-top: 10px;background: #d2d2d2;border-radius: 3px;text-align: center;font-weight: bold;white-space: nowrap;overflow: hidden;display: block;border-bottom: 1px solid #ddd;font-size: 1.0rem;color: #333;}
.gywm_menu {height: 3.8rem;background-image: url(../../images/peichang/gywm.png);margin-bottom: 0.5em;background-repeat: no-repeat;background-position-x: center;}
.main .gywm_box ul:nth-child(1) li:nth-child(1) .gywm_menu {background-position-y: 0rem;background-size: 3.5rem;}
.main .gywm_box ul:nth-child(1) li:nth-child(2) .gywm_menu {background-position-y: -4.72rem;background-size: 3.5rem;}
.main .gywm_box ul:nth-child(1) li:nth-child(3) .gywm_menu {background-position-y: -9.4rem;background-size: 3.5rem;}
.main .gywm_box ul:nth-child(1) li:nth-child(4) .gywm_menu {background-position-y: -14.2rem;background-size: 3.5rem;}
.main .gywm_box ul:nth-child(1) li:nth-child(5) .gywm_menu {background-position-y: -19.19rem;background-size: 3.5rem;}
.main .gywm_box ul:nth-child(1) li:nth-child(6) .gywm_menu {background-position-y: -24.15rem;background-size: 3.5rem;}
.main .gywm_box .conts .p_title a{border-bottom: 0px solid #ddd;background-size: 100% 100%;}
.main .gywm_box .conts .p_title2 a{border-bottom: 0px solid #ddd;background-size: 100% 100%;color:#fff;}
.main .gywm_box .conts .g_img{width: 48%;float: left;margin-left: 1%;margin-top:1%;}
.main .gywm_box .conts .g_img img{width:100%;height: 125px;}
.main .gywm_box .conts .t_img{width: 98%;margin: 10px auto;}
.main .gywm_box .conts .t_img img{width:100%;height: 125px;}
.main .gywm_box .conts .t_con{width:30%;height: 3em;float: left;background:#51e0b1;margin-left: 2.5%;color: #fff;line-height: 3em;text-align: center;font-weight: bold;}
.main .gywm_box .conts .t_con2{width:80%;height: 3em;margin: 0 auto;background:#00bea2;color: #fff;line-height: 3em;text-align: center;font-weight: bold;}
.main .gywm_box .conts .p_con{padding: 1em;}
.main .gywm_box .conts .p_title dl{width: 60%;height: 3.5rem;font-weight: bold;font-size: 1.2rem;line-height: 3.5rem;text-align: center;border-bottom: 5px solid #8cacfd;margin-left: 3%;}
.main .d_col .p_title dl{width: 120px;height: 3rem;font-weight: bold;font-size: 18px;line-height: 3rem;text-align: center;border-bottom: 5px solid #8cacfd;margin-left: 3%;}
.main .gywm_box .conts .p_title strong{padding-left: 3%;}
.main .gywm_box .conts .p_title2 strong{padding-left: 3%;}
.main .gywm_box .conts p{text-indent: 2em;line-height: 3em;font-size: 1.0em;}
.main .gywm_box .conts p .spans{background: #ffa20c;color:#fff;}
.main .gywm_box .conts p .spans2{color:#02bd9e;font-weight: bold;}
.main .gywm_box .conts p .spans3{color: red;font-weight: bold;}
.main .ghzz {width: 100%;margin: 1rem auto;}
.main .ghzz ul{margin: 1rem auto;}
.main .ghzz li {margin-bottom: 1.4rem;height: 9rem;width: 98%;margin: 1rem auto;}
.main .ghzz li img {clear: both;float: left;padding-right: 5px;height:9rem}
.main .ghzz .container{width: 98%;height: auto; margin: 0 auto;}
.main .ghzz .title{clear: both;width: 100%;height: 2.8rem;line-height: 2.8rem;background: #F8460F;margin-bottom: 1%;color: white;font-size: 2.3rem;font-weight: bold;}
.main .ghzz .lxwm {background: #EEEEEE;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;color: #284E71;font-size: 18px;margin-top: 10px;}
.main .ghzz .title div {width: 96%;margin: 0 auto;}
.main .col_td .nav-list li{height: 5rem;width: 100%;float: left;box-sizing: border-box;border-bottom: 1px solid #3ac0ec;}
.main .col_td .nav-list li a {display: block;width: 100%;height: 100%;box-sizing: border-box;position: relative;font-size: 1.0rem;color: #333;padding: 0 0 0 6rem;line-height: 4rem;}
.main .col_td .nav-list li a[data-nav="Navigation"]:before {background-color: #00c0ff;background-position: 0 0;}
.main .col_td .nav-list li a:before {content: '';display: block;width: 3rem;height: 3rem;border-radius: 3rem;position: absolute;left: 29px;top: 13px;background-image: url(../../images/peichang/nav-icon.png);background-repeat: no-repeat;background-size: 3rem auto;}
.main .col_td .nav-list li a:after {content: attr(data-nav);}
.main .col_td .nav-list li a:after {content: attr(data-nav);position: absolute;left: 6rem;top: 3.2rem;line-height: 0;font-size: .8rem;color: #a5daf3;}

@media only screen and (max-width: 600px) {
.backdrop .ts_info{top: 30%!important;height: 265px!important;}
.backdrop .ts_info ul li{width: 65%!important;height: 35px!important;line-height: 35px!important;}
}
.backdrop {background-color: rgba(0,0,0,.3);bottom: 0;left: 0;position: fixed;right: 0;top: 0;z-index: 998;}
.backdrop .gbi{width: 30px;height: 30px;margin: 10px;float: right;background: url(../../images/peichang/01_03.png) no-repeat;background-size: 100%;}
.backdrop .ts_info{width: 60%;height: 655px;background: url(../../images/peichang/sc03.png) no-repeat;background-size: 100% 100%;margin: 0 auto;position: relative;top: 10%;}
.backdrop .ts_info ul{position: relative;top: 55%;width: 50%;}
.backdrop .ts_info ul li{width: 50%;margin: 20px auto;height: 50px;line-height: 50px;text-align: center;background: #2dc793;color: #fff;}
#sgsite{color: #000!important;}
#sgxzhi{color: #000!important;}