@charset "UTF-8";
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: none; }

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { -webkit-tap-highlight-color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font: 12px Helvetica Regular, Microsoft YaHei,sans-serif,Tahoma; color: #434343; }

input { outline: none; }

em, i { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #969696; font-family: STHeiti,'Microsoft YaHei',Helvetica,Arial,sans-serif; outline: 0; }

a:hover { text-decoration: none; }

img { border: none; width: 100%; height: auto; width: auto\9; -ms-interpolation-mode: bicubic; }

.fl { display: block; float: left; }

.fr { display: block; float: right; }

#content { min-width: 320px; max-width: 768px; margin: 0 auto; background: #f2f2f3; min-height: 100vh; position: relative; }

iframe , embed{width:100%;}

/*鍏ㄥ眬鍙橀噺 娣峰悎*/
::-webkit-scrollbar { width: 6px; height: 6px; border-radius: 4px; }

::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }

.header { background: #fff; height: 55px; position: relative; z-index: 2; max-width: 768px; }
.header .logo { float: left; margin: 12px 12px 0; display: block; height: 40px; overflow: hidden; }
.header .logo img { height: 40px; width: inherit; }
.header .menu { width: 24px; height: 21px; background: url(../img/icon_menu.png) no-repeat; background-size: 24px; margin: 18px 12px 0; cursor: pointer; }
.header .menu.on { background-position: 0 -21px; }
.header .search_wrap { width: 38%; height: 26px; border: none; background: #f5f5f5; margin: 15px 0 0; border-radius: 14px; overflow: hidden; }
.header .search_wrap form { display: flex; }
.header .search_wrap .search_ksy { flex: 1; min-width: 80px; font-size: 12px; color: #222; padding: 0 10px; line-height: 26px; background: none; }
.header .search_wrap .search_btn { height: 26px; width: 28px; background: none; text-align: center; }
.header .search_wrap .search_btn .icon_s { background: url(../img/icon_search.png) no-repeat; background-size: 100%; width: 16px; height: 16px; display: block; margin: 5px 6px; }

.burger { display: none; position: absolute; top: 50px; z-index: 99; width: 100vw; max-width: 768px; border-bottom: 1px solid #e5e5e5; padding-top: 6px; background: rgba(255, 255, 255, 0.98); }
.burger .item { margin: 6px 12px; overflow: hidden; }
.burger .item a { width: 25%; text-align: center; display: block; float: left; margin: 6px 0; }
.burger .item a span { line-height: 32px; height: 32px; overflow: hidden; font-size: 12px; color: #363636; background: #f2f2f3; border-radius: 16px; width: 90%; display: block; margin: 0 auto; }
.burger .clode_burger { width: 22px; height: 30px; background: url(../img/icon_arr2.png) no-repeat; background-size: 100%; margin: 16px auto 20px; cursor: pointer; }

.nav { height: 40px; overflow: hidden; position: relative; }
.nav .icon { width: 24px; height: 40px; background: url(../img/icon_arr1.png) no-repeat; right: 0; top: 0; display: block; position: absolute; }
.nav .lis { padding-right: 25px; height: 40px; background: #fff; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.nav a { flex: 1; color: #7d7d7d; font-weight: 600; font-size: 14px; text-align: center; line-height: 40px; text-decoration: none; display: inline-block; padding: 0 10px; }
.nav a span { border-bottom: 2px solid #fff; }
.nav a.on span { border-color: #00b26f; color: #00b26f; }

footer { background: #fff; overflow: hidden; padding: 12px 0 0; width: 100%; margin-top: 7px; }
footer .ft_logo { height: 40px; margin: 5px auto 10px; display: block; text-align: center; }
footer .ft_logo img { height: 40px; width: inherit; }
footer p { text-align: center; color: #5e5e5e; line-height: 20px; font-size: 12px; }
footer ul { overflow: hidden; border-top: 1px solid #e5e5e5; display: flex; margin: 12px 12px 0; }
footer ul li { flex: 1; text-align: center; margin: 10px 0; line-height: 16px; font-size: 12px; color: #535353; }
footer ul li + li { border-left: 1px solid #e5e5e5; }

.boxwrap {  padding: 6px 0; background: #fff; border-radius: 5px; overflow: hidden; }

.QZ_title { padding: 7px; height: 20px; line-height: 20px; }
.QZ_title::before { display: inline-block; float: left; height: 16px; width: 4px; background: #00b26f; border-radius: 3px; content: ''; margin: 2px 3px 0 0; }
.QZ_title span { float: left; font-size: 14px; color: #777; font-weight: 600; text-indent: 6px; }
.QZ_title .mor { float: right; font-size: 14px; color: #777; margin-right: 6px; }

/*page*/
.page { padding: 6px 12px 6px 6px; margin: 6px; border-radius: 5px; display: flex; position: relative; }
.page span:before { display: block; content: ''; position: absolute; right: 5px; top: 11px; width: 15px; height: 10px; background-size: auto  100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.page > a { flex: 1; margin: 6px 0 6px 6px; display: inline-block; line-height: 30px; border-radius: 4px; background: #00b26f; text-align: center; color: #fff; }
.page > a:active, .page span .cbtn a:active { background: #ddd; }
.page > span { flex: 1; margin: 6px 0 6px 6px; display: inline-block; line-height: 30px; border-radius: 4px; text-align: center; background: #00b26f; color: #fff; font-size: 14px; position: relative; }
.page > span .cbtn { display: none; width: 100%; position: absolute; top: -62px; left: 0; z-index: 10; height: 92px; overflow-y: scroll; background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 3px #bbb; -moz-box-shadow: 0 30 3px #bbb; box-shadow: 0 0 3px #bbb; }
.page > span .cbtn a { display: inline-block; text-align: center; line-height: 30px; margin-bottom: 1px; float: left; width: 100%; background: #f6f6f6; font-size: 14px; color: #666; }

/* list */
.game_list { overflow: hidden; padding-bottom: 6px; }
.game_list li { width: 25%; float: left; margin-top: 12px; }
.game_list li .img { display: block; margin: 0 auto; }
.game_list li .img, .game_list li .img img { width: 74px; height: 74px; border-radius: 12px; }
.game_list li p { text-align: center; line-height: 28px; height: 28px; font-size: 14px; color: #000; overflow: hidden; }
.game_list li .btn { display: block; margin: 0 auto; width: 50px; text-align: center; line-height: 22px; height: 22px; font-size: 12px; color: #fff; background: #f29b76; border-radius: 3px; padding: 0 8px; }

.news_list { padding: 0 6px; }
.news_list li:last-child { border: none; }
.news_list li { padding: 12px 0; display: flex; border-bottom: 1px solid #eee; }
.news_list li .img { margin-right: 12px; }
.news_list li .img, .news_list li .img img { border-radius: 6px; display: block; width: 140px; height: 82px; }
.news_list li .info { flex: 1; height: 82px; overflow: hidden;}
.news_list li .info .bt { font-size: 14px; color: #1b1b1b; height: 40px; line-height: 20px; overflow: hidden; display: block; }
.news_list li .info p { width: 49%; margin-right: 1%; float: left; font-size: 12px; color: #777; line-height: 18px; height: 18px; overflow: hidden; white-space: nowrap; margin-top: 2px; }
.news_list li .info p:last-child { width: 100%; }
.news_list li .info .p{ height: 20px; line-height: 20px; width: 100%;}
.news_list li .info .num { margin-top: 20px; line-height: 20px; font-size: 12px; color: #777; }
.news_list li .info .num i { display: inline-block; width: 18px; height: 13px; background: url(../img/icon_eye.png) no-repeat; background-size: 100% auto; margin: 0 4px -3px 0; }
.news_list li .info span { display: block; margin-top: 20px; line-height: 20px; font-size: 12px; color: #777; }
.news_list li .info span i { display: inline-block; width: 16px; height: 16px; background: url(../img/icon_time.png) no-repeat; background-size: 100% auto; margin: 0 2px -3px 0; }

.listA { overflow: hidden; padding: 0 12px; }
.listA li { display: flex; padding: 12px 0; }
.listA li .img { display: block; margin-right: 12px; position: relative; }
.listA li .img, .listA li .img img { width: 74px; height: 74px; border-radius: 12px; }
.listA li .img .num { position: absolute; left: -7px; top: -7px; background: url(../img/icon_phb.png) no-repeat; width: 22px; height: 22px; background-size: 34px auto; color: #fff; font-size: 10px; text-align: center; line-height: 22px; }
.listA li .img .num i { transform: scale(0.8) rotate(-39deg); display: block; overflow: hidden; }
.listA li .img .num1 { width: 36px; height: 33px; background-position: 0 -72px; text-indent: 100px; top: -12px; left: -12px; }
.listA li .img .num2 { width: 30px; height: 30px; background-position: 0 -43px; text-indent: 100px; top: -10px; left: -10px; }
.listA li .img .num3 { width: 23px; height: 22px; background-position: 0 -21px; text-indent: 100px; }
.listA li .info { flex: 1; margin-right: 12px; }
.listA li .info .bt { display: block; font-size: 14px; color: #1b1b1b; line-height: 26px; height: 26px; overflow:hidden;}
.listA li .info span, .listA li .info p { color: #7d7d7d; font-size: 12px; line-height: 22px; overflow: hidden; height: 26px; }
.listA li .btn { width: 62px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; color: #fff; background: #6ac3fd; border-radius: 4px; margin-top: 25px; }
.listA li + li { border-top: 1px solid #eee; }
.listA li .btn2{ border:1px solid #00b26f; color: #00b26f; background: none; height: 20px; line-height: 20px; width: 60px; font-size: 13px;}
.listA + .page { border-top: 1px solid #eee; padding-top: 12px; }

.tag_list { overflow: hidden; background: #fff; padding: 6px; }
.tag_list li { width: 25%; float: left; margin: 4px 0; }
.tag_list li a { font-size: 14px; color: #7d7d7d; background: #eee; text-align: center; height: 30px; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 5px; width: 84%; display: block; margin: 0 auto; overflow: hidden; }
.tag_list .on a { background: #00b26f; color: #fff; border-color: #00b26f; }

.collction_lis { margin: 6px 0; overflow: hidden; }
.collction_lis li { float: left; width: 50%; }
.collction_lis li .img { margin: 0 6px; height: 0; padding-bottom: 53%; overflow: hidden; }
.collction_lis li .img, .collction_lis li .img img { border-radius: 6px; display: block; }
.collction_lis li .bt { display: block; margin: 6px; font-size: 14px; color: #1b1b1b; height: 28px; line-height: 28px; text-align: center; }

.collction_lis + .morebtn { width: auto; margin: 0 12px 12px; }

.morebtn { font-size: 12px; color: #535353; line-height: 26px; height: 26px; background: #eee; border-radius: 12px; display: block; width: 100%; text-align: center; }

.list_tab { overflow: hidden; margin: 12px 0; text-align: center; }
.list_tab a { margin: 0 10px; color: #7d7d7d; font-size: 14px; display: inline-block; }
.list_tab a.on { color: #00b26f; border-bottom: 3px solid #00b26f; }

.Brdnav { overflow: hidden; height: 36px; line-height: 36px; padding: 0 12px; font-size: 12px; color: #7d7d7d; background: #fff; margin-top: 2px; }
.Brdnav i { display: inline-block; width: 18px; height: 18px; background: url(../img/icon_home.png) no-repeat; background-size: 100% auto; margin: 0 4px -4px 0; }

.Brdnav a { color: #7d7d7d; }

.Brdnav span { margin: 0 6px; font-family: initial; }

.details_head { background: #fff; overflow: hidden; padding: 0 25px; }
.details_head img { display: block; margin: 12px auto 2px; width: 120px; height: 120px; border-radius: 12px; }
.details_head h1 { display: block; line-height: 30px; text-align: center; font-size: 16px; color: #000; }
.details_head p { font-size: 12px; line-height: 26px; color: #7d7d7d; text-align: center; }
.details_head .btn { overflow: hidden; }
.details_head .btn p { display: flex; }
.details_head .btn p a { flex: 1; margin: 0 3px 6px; }
.details_head .btn a { display: block; text-align: center; font-size: 12px; line-height: 36px; border-radius: 5px; background: #f4754a; color: #fff; margin-bottom: 6px; }
.details_head .btn a i { display: inline-block; width: 18px; height: 18px; background: url(../img/icon_downl.png) no-repeat; background-size: auto 100%; margin: 0 6px -3px 0;  }
.details_head .btn .ios { background: #1b1b1b; }
.details_head .btn .ios i { background: url(../img/icon_ios.png) no-repeat; background-size: auto 100%; margin: 0 2px -3px 0;}
.details_head .btn .az { background: #009944; }
.details_head .btn .az i { background: url(../img/icon_az.png) no-repeat; background-size: auto 100%; margin: 0 2px -4px 0; }
.details_head .btn .gs { background: #00b7ee; margin: 0 3px; }
.details_head .btn .gs i { background: url(../img/icon_downl.png) no-repeat; background-size: auto 100%; margin: 0 6px -3px 0; }
.details_head .btn .yuyue{ background: #00b26f; margin: 5px 0;}
.details_head .tishi_box{ border-bottom:1px solid #eee; border-top:1px solid #eee; height: 30px; line-height: 30px; text-align: center; color: #f0412a; margin: 5px 0}

.details_head .btn .notd{background: #6f7572;}
.details_head .btn .otherd{background: #1785e4;}
.details_head .btn .notd  i{margin-bottom:-4px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRBQUM2NDZDRTM4RDExRUFBNjIwQjk0RDFGRTgxMzA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRBQUM2NDZERTM4RDExRUFBNjIwQjk0RDFGRTgxMzA3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEFBQzY0NkFFMzhEMTFFQUE2MjBCOTREMUZFODEzMDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEFBQzY0NkJFMzhEMTFFQUE2MjBCOTREMUZFODEzMDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz69vdqkAAABgUlEQVR42mL8//8/Aw5gA8TeUFoHiFmA+AYQHwHi7UC8C6sukIFoWB+Ij/5HBT+B+Cua2C0gdkTXj25YCpKGhVANgkjyvEBsB8QzkNTV4zIwGUmRIRaXo2MzIL4LVd+MbqAimndaiTAQhh9A9bggG3gBKugExBOh7KVEGqgAVf8ZZqAxVGAdkqI1ULFVRBraDVUfDOL0QjkmaIq2QsUXE2GgBFTtZhDnDJTDgUXhKqjcCiIM/Q7EXxig6esnHoUw768mYODV/1DGT6jp+BRvgRq6Fo+ayzADr0AVMxMwdBNU3TIc8l9AjgMxpkIV6hERTrAw3YQmzgsV3wfiOEA584lMIhuxJKkiqFgyTOAJVECTSEPXQtXPgybsf1A+G3K+BIFnJGS5eVA9v6B0HHrh0ACVuA7EOkQYyAzNbijBha6oEamAAJUgWlgMkgXiXCTD5uIrD0HYB4hfIxn8B+rqq9CkgQySCBWwMMwIxJHQ3PESyYAPQLwNiFOhSQVDL0CAAQDSPPEY+2sSbAAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}
.details_head .btn .otherd i{margin-bottom:-5px;width:18px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVFMDU3NTg2RTM4RDExRUFBQjYxQjMxNzkwNzQ3MzVCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVFMDU3NTg3RTM4RDExRUFBQjYxQjMxNzkwNzQ3MzVCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUUwNTc1ODRFMzhEMTFFQUFCNjFCMzE3OTA3NDczNUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUUwNTc1ODVFMzhEMTFFQUFCNjFCMzE3OTA3NDczNUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4U94ioAAABpUlEQVR42pTUSyiEURTAccNIikKM2HhEEtl4hIVs2ShjbSUbO0WJsJAFslPKjiUSK2wsmDwWpOwoibyKvPOc63848nV98jn1qztn7tzH+c43PmNMhIdoQxI6/pro/yVXiThEYxbpCOj3dXjGI0I6/g45oWXAfMYKLlCLDgyiTHMhhDFh/95eLA8HyLXyo5ixcgGcodqZj7Su26/X2PVQ13OMo8eZdC5YgFJ0R3iPXmSixm3BISxj7x8L3mMa7faCxShCp2NyDhZ0fIk7HS+iyjFPWikL9fLBp304pzVpsk6wqq2zrJtnI183c8YwKj6wYDm2EO/SQmLEfMf0L3PEOoJ+vf+b7l6IV8TiFPNoQRSS0aAnqtZrPuiLsIMbtMqV9xlca43kelKDJ61TM8as6wUxpe319aYZHSfKUXeR4XKFLmy75De0DHY+Ub6TQofl4bi0RB9ecIgyLccmErQMbmEi/+izEixhUjvhSFvMLeRQPr+H5m302ORSRyMLxiAVJx9F/bmr0b8qo0//K+eMW6TJWvKU1xik4Nh6Ff8TYT3U1bsAAwCuDFNBlL+BzgAAAABJRU5ErkJggg==) no-repeat;background-size: 100%;}


.details_head ul { overflow: hidden; margin: 6px 0 12px; width: 100%; }
.details_head ul li { width: 50%; font-size: 12px; color: #7d7d7d; line-height: 26px; overflow: hidden; height: 26px; float: left; }
.details_head ul li::before { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #eee; content: ''; margin: 0 10px 2px 3px; }

.img_list { margin: 6px 0 0 6px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.img_list ul li { position: relative; margin-right: 6px; display: inline-block; height: 170px; overflow: hidden; background: #f5f5f5; }

.img_list ul li img { height: 170px; border-radius: 6px; width: initial; position: relative; z-index: 1; }

.img_list ul li span.icon_video { /* margin-top: -px;*/ width: 40px; height: 40px; background: url(../img/icon_details_play.png) no-repeat; background-size: 100% auto; position: absolute; top: 50%; left: 50%; z-index: 2; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); }

.desc_wrap { font-size: 14px; color: #313131; line-height: 22px; padding: 6px 12px;  overflow: hidden; }
.desc_wrap h3 { padding: 5px 0; height: 20px; line-height: 20px; margin-left: -5px; }
.desc_wrap h3::before { display: inline-block; float: left; height: 16px; width: 4px; background: #00b26f; border-radius: 3px; content: ''; margin: 2px 3px 0 0; }
.desc_wrap h3 span { float: left; font-size: 14px; color: #777; font-weight: 600; text-indent: 6px; }

.downl_desc { max-height: 560px; }

.desc_wrap.on { max-height: initial; }

.desc_more { display: block; margin: 6px auto 10px; width: 66px; height: 30px; background: #eee; border-radius: 16px; text-align: center; line-height: 30px; font-size: 12px; color: #777; cursor: pointer; }
.desc_wrap  + .desc_more{display:none;}
.desc_more i { display: inline-block; width: 8px; height: 16px; background: url(../img/icon_arr.png) no-repeat; background-size: 100%; transform: rotate(90deg); margin: 0 0 -3px 5px; }

.desc_more.on i { transform: rotate(270deg); }

.collection_info { overflow: hidden; margin: 6px 12px; }
.collection_info img { border-radius: 8px; }
.collection_info .info { display: flex; line-height: 24px; margin: 5px 0; }
.collection_info .info h1 { flex: 1; font-size: 14px; color: #010101; height: 24px; overflow: hidden; }
.collection_info .info span { font-size: 12px; color: #535353; }
.collection_info .info span i { color: #f04029; }
.collection_info .coll_desc { font-size: 12px; color: #7d7d7d; font-size: 12px; line-height: 18px; max-height: 56px; overflow: hidden; }
.collection_info .coll_desc.on { max-height: initial; }
.collection_info .time_{line-height:20px;display:block;padding-top: 5px;color: #f0412a;}
.collection_info .coll_lis { border-top: 1px solid #e5e5e5; margin-top: 12px; padding-top: 10px; font-size: 14px; color: #434343; }
.collection_info .coll_lis a { font-size: 14px; color: #00a0e9; margin-left: 4px; }
.collection_info .coll_lis .coll_open { float: right; font-size: 14px; color: #434343; }

.newa_details { background: #fff; overflow: hidden; padding: 6px 12px 12px; }
.newa_details .title { font-size: 14px; color: #000; display: block; text-align: center; line-height: 26px; margin-bottom: 5px; }
.newa_details span { font-size: 12px; color: #7d7d7d; }
.newa_details span i { background: url(../img/icon_eye.png) no-repeat; background-size: 100% auto; display: inline-block; width: 16px; height: 12px; margin: 0 5px -3px 0; opacity: .7; }
.newa_details span.time{ padding-left:6%;}
.newa_details span.time i{display: inline-block; width: 13px;height: 13px; background: url(../img/icon_time.png) no-repeat;background-size: 100% auto; margin: 0 3px -2px 0;}

.details_cont { overflow: hidden; background: #fff; margin: 0 12px; }
.details_cont table, .details_cont embed, .details_cont iframe { max-width: 100%; margin: 0 auto; }
.details_cont p { margin: 10px 0; line-height: 24px; }
.details_cont img { width: initial; max-width: 100%; }
.details_cont table tr, .details_cont table td { border: 1px solid #e6e6e6; padding: 2px; }
.details_cont table a { color: #19abff; text-decoration: underline; }

.tools_info, .downl_info { overflow: hidden; background: #fff; padding: 12px; }
.tools_info .title, .downl_info .title { font-size: 14px; color: #000; line-height: 24px; }
.tools_info .lis, .downl_info .lis { display: flex; margin: 12px 0; }
.tools_info .lis img, .downl_info .lis img { width: 155px; height: 90px; border-radius: 6px; margin-right: 15px; }
.tools_info .lis ul, .downl_info .lis ul { flex: 1; }
.tools_info .lis ul li, .downl_info .lis ul li { width: 100%; font-size: 12px; overflow: hidden; color: #7d7d7d; line-height: 20px; height: 20px; margin-bottom: 2px; }
.tools_info .lis ul li::before, .downl_info .lis ul li::before { display: inline-block; content: ''; width: 6px; height: 6px; border-radius: 50%; margin: 0 9px 1px 0; background: #e5e5e5; }
.tools_info .btn, .downl_info .btn { display: block; text-align: center; font-size: 12px; line-height: 36px; border-radius: 5px; background: #009944; color: #fff; margin-bottom: 6px; float: left; width: 100%; text-shadow: 0 2px 4px #02401e; }
.tools_info .btn i, .downl_info .btn i { display: inline-block; width: 22px; height: 22px; background: url(../img/icon_downl2.png) no-repeat; background-size: auto 100%; margin: 0 3px -8px 0; }

.downl_info .lis img { width: 150px; height: 185px; }
.downl_info .lis ul li { margin: 5px 0; }

.downltop { overflow: hidden; display: flex; margin-right: 6px; }
.downltop li { flex: 1; margin: 6px 0 0 6px; background: #fff; border-radius: 5px; }
.downltop li .img { margin: 20px auto 12px; display: block; }
.downltop li .img, .downltop li .img img { width: 74px; height: 74px; border-radius: 12px; }
.downltop li p { display: block; height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; color: #1b1b1b; text-align: center; }
.downltop li .btn { width: 100px; height: 32px; max-width: 90%; text-align: center; line-height: 32px; font-size: 12px; color: #000; background: #eee; border-radius: 4px; display: block; margin: 5px auto 10px; }
.downltop li .btn i { display: inline-block; width: 16px; height: 16px; background: url(../img/icon_top.png) no-repeat; background-size: 100% auto; margin: 0 5px -3px 0; }

.phb_hd { display: flex; height: 35px; line-height: 35px; position: relative; }
.phb_hd::before {width: 100%;position: absolute;z-index: 0;height: 20px;background: #6ac3fd;display: block;content: '';}
.phb_hd span {position: relative;z-index: 2;text-align: center;flex: 1;font-size: 14px;color: #fff;background: #6ac3fd;height: 25px;line-height: 15px;margin-top: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.phb_hd span.on {background: #fff;color: #434343;line-height: 30px;border-radius: 10px;box-shadow: 0 -5px 4px #549ccc;}

.phb_bd .lis + .lis { display: none; }
.phb_bd .lis .info span { margin-top: 6px; display: block; }

.tags_box { padding: 6px; background: #fff; }
.tags_box .item { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.tags_box ul { overflow: hidden; width: 200%; }
.tags_box ul li { float: left; }
.tags_box ul li a { font-size: 14px; color: #7d7d7d; background: #eee; text-align: center; height: 30px; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 5px; padding: 0 12px; display: block; margin: 4px; overflow: hidden; }
.tags_box ul .on a { background: #00b26f; color: #fff; border-color: #00b26f; }

.boxwrap .listB { margin: 0; }

.listB { overflow: hidden; margin: 6px; }
.listB li { float: left; width: 31%; margin: 1%; background: #fff; border-radius: 6px; }
.listB li .img { margin: 6px 6px 0; height: 0; padding-bottom: 115%; overflow: hidden; }
.listB li .img, .listB li .img img { border-radius: 6px; display: block; }
.listB li .bt { display: block; margin: 6px; font-size: 14px; color: #1b1b1b; height: 28px; line-height: 28px; text-align: center; overflow: hidden; }

.listC { background: #fff; overflow: hidden; }
.listC ul { overflow: hidden; }
.listC ul li { padding: 12px 0; border-bottom: 1px solid #f2f2f3; }
.listC ul li .ct {display: flex;padding: 0 12px;}
.listC ul li .ct .img { margin: 0 12px; }
.listC ul li .ct .img, .listC ul li .ct .img img { border-radius: 6px; display: block; width: 140px; height: 82px; }
.listC ul li .ct .txt { flex: 1; }
.listC ul li .ct .txt .bt {font-size: 14px;color: #1b1b1b;height: 20px;line-height: 20px;overflow: hidden;display: block;}
.listC ul li .ct .txt .link { font-size: 14px; color: #f04029; margin-top: 3px; display: block; }
.listC ul li .info {margin: 10px 12px 0;font-size: 14px;color: #7d7d7d;overflow: hidden;}
.listC ul li .info .read { float: left; }
.listC ul li .info .read i { display: inline-block; width: 18px; height: 13px; background: url(../img/icon_eye.png) no-repeat; background-size: 100% auto; margin: 0 4px -3px 0; }
.listC ul li .info .time { float: right; }
.listC ul li .info .time i { display: inline-block; width: 16px; height: 16px; background: url(../img/icon_time.png) no-repeat; background-size: 100% auto; margin: 0 3px -3px 0; }



/*手机预约*/
.yuyue_yaler{ padding:10px 30px ;background: #fff; display: none;}
.yuyue_yaler .bt{height: 50px;line-height: 50px;border-bottom: 1px solid #eee;font-weight:  bold;text-align:  center;font-size:  18px;color:  #434343;margin-bottom: 30px;}
.yuyue_yaler .input{height: 40px;line-height: 40px;border:1px solid #eee;font-size: 14px;}
.yuyue_yaler input{ border:none; padding: 0 10px;}
.yuyue_yaler .btn_{height: 35px;line-height: 35px;width: 100px;text-align: center;border-radius: 5px;margin: 30px auto;background:  #00b26f;/* color: #fff; */}
.yuyue_yaler .btn_ a ,.yuyue_yaler .btn_ button { border: none; background: none; display: block; width: 100%; height: 100%; color: #fff;}

/*404*/
.no_comment{ background:#fff; margin:12px ; border-radius:3px;}
.no_comment .img { width: 45%; padding: 60px 0; margin: 0.15rem auto; }
.no_comment .img img { width: 100%; }

/*新闻攻略下载新增*/
.down_warp{margin: 6px 20px;padding: 10px;background: #fdfdf8;border-radius: 5px;overflow: hidden;display:flex;box-shadow: 0px 0px 5px rgba(0,0,0,0.4);}
.down_warp .img{display: block;margin-right: 9px;}
.down_warp .img img{width: 74px;height: 74px;border-radius: 12px;display: block;}
.down_warp .infor{flex: 1;overflow: hidden;}
.down_warp .infor .name{height: 22px;display: block;line-height: 22px;font-size: 14px;color: #480000;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: -3px;}
.down_warp .infor p{height: 20px;line-height: 20px;overflow: hidden;width: 100%;margin-bottom: 5px;font-size: 12px;color: #5e5e5e;}
.down_warp .infor .btn_box{height: 30px;line-height: 30px;width: 100%;}
.down_warp .infor .btn_box a{display: block;float: left;width: 42%;text-align: center;line-height: 30px;border-radius: 5px;margin-right: 4%;color: #fff;overflow: hidden;height: 30px;}
.down_warp .infor .btn_box a.a1{background: #00b26f;}
.down_warp .infor .btn_box a.a2{background: #4469ff;}
.down_warp .infor .btn_box a.a3{background: #ff6633;}

.label_list{ background: #fff; padding-bottom: 5px; }
.label_list .ul_list{  padding: 10px 0  5px 0; overflow: hidden;}
.label_list .ul_list li{    width: 50%;  float: left; margin-bottom:5px;}
.label_list .ul_list li a{ width: 87%;height: 52px; margin: 0 auto;border:1px solid #eee; border-radius: 5px; display: flex;background: #f8f8f9; padding: 7px;}
.label_list .ul_list li:hover .text{ color: #00b26f;}
.label_list .ul_list li .img, .label_list .ul_list li .img img{ width: 52px; height: 52px;  border-radius: 12px;}
.label_list .ul_list li .text{flex: 1; padding-left: 7px;display: block; float: left;  height: 52px; line-height: 52px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #2c2c2c; font-size: 14px;}

/*标签列表*/
.bq_wrapbox{ margin: 6px 6px -5px;padding: 6px 0;background: #fff;border-radius: 5px;overflow: hidden;}
.bq_wrapbox .bq_top .bt{ height: 45px; line-height: 45px; border-bottom: 1px solid #f6f6f6; color: #1f1f1f; font-size: 15px; padding: 0 15px; overflow: hidden;display: -webkit-box;  display: -moz-box;  display: -webkit-flex;  display: -moz-flex;  display: -ms-flexbox;  display: flex; }
.bq_wrapbox .bq_top .bt .h1{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1; flex: 1; }
.bq_wrapbox .bq_top .bt span{ float: right; font-size: 12px; display: block; overflow: hidden; text-align: right;}
.bq_wrapbox .bq_top .bt span i{ color: #ff7044;}
.bq_wrapbox .bq_top .text{  padding:10px 15px; line-height: 23px; text-align: justify; color: #999; font-size: 12px;}


/*2019-9-29*/
.big_img_mb { display: none; width: 100%; height: 100%; position: fixed; z-index: 20186; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); }
.big_img_wrap { display: none; position: fixed; left: 0; top: 0; z-index: 201822; width: 100%; margin: 0 auto; height: 100%; }
#Gm-big-pic { width: 100%; height: 100%; overflow: hidden; }
#Gm-big-pic img{ width: auto; height: auto; max-height: 100%; min-width: initial; max-width: 96%; margin: 0 2%; }
.big_img_mb2{display: none; width: 100%; height: 100vh; position: fixed; z-index: 20186; left: 0; top: 0; background: rgba(0, 0, 0, 0.5);}
.big_img_wrap2{display: none; position: fixed; left: 0; top: 0; z-index: 201822; width: 100%; margin: 0 auto; height: 100vh;}
#Gm-big-pic2{width: 100%; height: 80%; overflow: hidden;}
#Gm-big-pic2 img{width: auto; height: auto; max-height: 100%; border-radius: 0.2rem; min-width: initial; max-width: 96%; margin: 0 2%;}
.big_img_wrap2 .big_img_top{position: fixed; width: 100%; height: 36px; line-height: 36px; font-size: 14px; left: 0; top: 10px; z-index: 201823; display: flex;}
.big_img_wrap2 .big_img_top .img_num{flex: 1px; text-align: center; color: #fff; font-weight: bold;}
.big_img_wrap2 .big_img_top .img_src{width: 90px; height: 30px; line-height: 30px; color: #0de8fb; border: 1px solid #0de8fb; text-align: center; margin-right: 5px;}


/*其他版本*/
.ord_edition{padding: 0 10px;}
.ord_edition ul{border-top:1px solid #d4cfcf; overflow: hidden;}
.ord_edition ul li{  border-bottom:1px dashed #d4cfcf; overflow: hidden; font-size: 14px; color: #535353; display: flex; padding: 0 0px 5px ;}
.ord_edition ul li .num_ico{ background: url("../img/num_ico.jpg") no-repeat center; width: 16px; height: 17px; background-position: 0 0; margin-top: 7px;}
.ord_edition ul li .infor{flex: 1; padding: 0 10px;}
.ord_edition ul li .name{float: left; display: block; width: 100%; overflow: hidden; height: 30px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis;color: #535353;}
.ord_edition ul li .name:hover{color: #00b26f;}
.ord_edition ul li .bq{height:20px; line-height: 20px; width: 100%; overflow: hidden;}
.ord_edition ul li  span{float: left; padding-right: 20px; overflow: hidden; display: block;}
.ord_edition ul li  .btn{ display: block; width: 50px; height: 25px; line-height: 25px; margin-top: 15px; border-radius: 5px; text-align: center; background: #00b26f; color: #fff;float: right; margin-right: 0px;}
.ord_edition ul li  .btn:hover{opacity: 0.8;}
.ord_edition  .more_ {height: 30px; line-height: 30px;}
.ord_edition  .more_ a{float: right; width:50px; text-align: center; color: #00b26f;  cursor: pointer;}