@charset "utf-8";
html,body{ width:100%; height:100%}
body{ margin:0px; background: #F2F2F2; overflow:auto}
body img{ display:block;}
a:link {text-decoration: none;}
.sq_y{ margin:auto; max-width:600px; min-height:100%;}
.terigun{ float:left; width:100%;min-height:150px; position:relative;}
.terigun img{width:100%;}
.terigun_1{ position:absolute; left:30px; top:30px;height:20px; font-size:1.7em; color:#FFF; line-height:20px; z-index:1}
.terigun_2{ position:absolute; left:10px;right:10px;bottom:8px; height:14px; font-size:1.3em; color:#FFF; z-index:2;}
.sq{ margin:0px auto; width:100%; min-width:300px; max-width:700px; border-top:#CCC solid 1px; padding-bottom:5px;}
.haiho{ float:left; width:100%;background: #FFF;padding-top:5px; position:relative}
.haiho_1{ float:left;width:100%; height:30px; margin-top:5px; line-height:16px; font-size:1.3em; color:#999} 
.sq_0{ position:absolute; left:15px; top:10px; width:14px}
.sq_1{ float:left; width:33.333%; height:144px; border-bottom: #CCC solid 1px;position:relative;}
.sq_1:hover{ background:#EBEBEB;}
.sq_1_0{ position:absolute; top:0px; right:0px; height:12px;z-index:91}
.sq_1_0_1{ float:left; height:12px; background:#63C; color:#FFF; font-size:8px; line-height:14px; text-align:center; padding:0px 3px;}
.sq_1_0_2{ float:left; width:12px; height:12px; background: #963}
.sq_1_1{ position:absolute; right:0px; top:0px; width:0px; height:100%; border-right:#CCC solid 1px;}
.sq_1_2{ margin:3px auto; width:100%; max-width:108px; height:138px; overflow:hidden;position:relative;}
.sq_1_2_1{ position:absolute;left:0px;  top:0px; width:22px; height:100%; font-size:1.4em; line-height:22px; color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-indent:5px;}
.sq_1_2_2{ position:absolute;left:22px; top:3px; right:2px; bottom:22px; max-width:85px;text-align:center; overflow:hidden; z-index:90}
/*.sq_1_2_2_img{ float:left; width:100%; height:100%;}*/
/*.sq_1_2_2 img{height:100%; width:100%}*/
.sq_1_2_2_img{display: flex;flex-direction: column;justify-content: center;align-content: center; width:100%;height: 100%;}
.sq_1_2_2_img img{height: 100%; object-fit: cover;}

.sq_1_2_2_0{ position:absolute; bottom:10px; left:0px; width:100%; z-index:100}
.sq_1_2_2_0 img{ width:90%; margin-left:5%;display:block;}
.sq_1_2_2_1{ margin:auto; width:22px; height:100%; text-align:center}
.sq_1_2_2_1 img{ width:14px; height:14px; margin-top:30px;}
.sq_1_2_3{ position:absolute; left:22px; bottom:0px; right:3px;max-width:85px; height:22px; line-height:22px; font-size:1.3em; color: #BD6F6A; text-align:center;}
.sq_1_3{ margin:auto; width:20px; height:120px; line-height:20px; font-size:1.3em; color: #666; text-align:center;}
.sq_2_a{  margin:0 auto; margin-top:90px; width:20px; height:220px;}
.sq_2_1{float:left;width:20px; height:220px; font-size:1.6em; color:#999; line-height:20px;}
.sq_3{ float:left; width:100%; border-top:solid #E6E6E6 0px;border-bottom:solid #E6E6E6 1px}
.sq_4{ float:left; width:100%;border-bottom:#CCC solid 1px; position:relative;}
.sq_4_1{ float:left; width:100%; height:80px;}
.sq_4_1_1{ float:left; height:63px; margin-top:15px; margin-left:10px; font-size:1.7em; line-height:20px;}
.sq_4_2{ position:absolute; top:1px; left:0px; width:100%; height:10px;background: #FFF url(../../../../../data/jirog_s/ogalja_1.png) repeat-x; background-size:auto 100%;}
.sq_4_3{ position:absolute; top:29px;right:20px; width:20px; height:20px; border: #999 solid 1px; border-radius:20px; text-align:center; line-height:22px; font-size:10px; color: #999;transition: all 1s 0s; overflow:hidden;}
.sq_4_3 img{ display:block; width:100%}
.sq_4_4_a{ position:absolute; top:15px; right:0px; min-width:201px;height:60px;}
.sq_4_4t{ position:absolute; top:15px; right:10px; width:50px; height:50px; padding:5px 0px 0px 5px; color:#666; line-height:20px; font-size:1.5em; border:#CCC solid 1px; border-radius:4px;}
.sq_4_4{ float:right;width:50px; height:50px; margin-right:10px; padding:5px 0px 0px 5px; color:#666; line-height:20px; font-size:1.5em; border:#CCC solid 1px; border-radius:4px;}
.sq_4_4_1{float:left; margin:10px auto auto 12px; width:20px; height:20px; text-align:center; line-height:14px; font-size:1.6em; color: #666; border:#666 solid 1px; border-radius:20px;}
.sq_4_5{ float:left;width:100%; height:50px;border-bottom:#CCC solid 1px;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #D2EAE1), to( #FFF));}
.sq_4_5_1{ float:left;width:50%; height:50px; position:relative;}
.sq_4_5_1:hover{ background:#FFF}
.sq_4_5_1_1{ position:absolute; right:0px; top:0px; float:left;width:1px; height:100%; background:#CCC}
.sq_4_5_1_2{ margin:auto;width:80px; height:40px; color: #963; font-size:1.6em; line-height:20px; margin-top:10px}
.ergihu_jub{-webkit-transform:rotate(90deg);}
.ergihu_borogo{-webkit-transform:rotate(-90deg);}
.sq_5{ float:left; width:100%; display:none; overflow:hidden;}
.sq_5_1{ float:left; width:100%; padding-bottom:5px;}
.sq_6{float:left; width:50px; height:50px; margin-top:5px; margin-left:5px; border:#CCC solid 1px; margin-right:3px; position:relative; z-index:1}
.sq_6:hover{background: #F2F2F2}
.sq_6_1{ position:absolute; left:24px; top:4px; width:2px; height:42px; background: #E4E4E4; z-index:2}
.sq_6_2{ position:absolute; top:24px; left:4px; height:2px; width:42px; background: #E4E4E4; z-index:2}
.sq_7{ float:left; width:100%; height:45px; margin-top:0px;}
.sq_7_1{ float:left; width:50%; height:100%; margin-left:0px; color:#999;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #C5DEF5), to( #FFF));}
.sq_7_1_1{margin:5px auto auto 10px; height:35px;line-height:20px; font-size:1.6em;}
.sq_7_1_1_a{ width:40px;}
.sq_7_1_1_b{ width:60px;}
.sq_8_aro_1{background:-webkit-gradient(linear, 0% 0%, 0% 20%, from( #ECECEC), to( #FFF));}
.sq_8_aro_2{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #EAF1F7), to( #FFF));}
.sq_8_aro_3{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #F0DFF0), to( #FFF));}
.sq_8_aro_4{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #E8F4ED), to( #FFF));}
.sq_8_aro_5{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #F7F5E3), to( #FFF));}
.sq_8{ float:left; width:96%; min-height:190px; margin-left:2%; margin-top:10px;padding-bottom:5px; border-radius:4px;}
.sq_8_1{ float:left; width:100%; height:40px; position:relative; background:url(../../../../../data/jirog_s/aro_mur_2.png) repeat-x;}
.sq_8_1_1{ float:left; width:100px; height:40px; margin:5px auto auto 10px; font-size:1.4em; color:#333; line-height:18px;}
.sq_8_1_2{ position:absolute; right:10px; top:5px; width:30px; height:35px; padding-left:5px; line-height:11px; text-align:center; font-size:1.4em; display:block; background:#06C; color:#F2F2F2; border-radius:35px;}
.sq_8_2{ float:left; width:20%; height:70px; margin-top:4px;}
.sq_8_2_1{ float:left; width:90%; margin-left:5%; height:100%; border-radius:5px;overflow:hidden; background:#CCC;display:flex;align-items:center;}
.sq_8_2_1 img{ width:100%; display:block; align-items: center;}
.sq_8_2_1_1_w{width:50%; padding-left:50%; height:100%; position:relative;}
.sq_8_2_1_1_w img{height:100%;position:absolute;}
.sq_8_2_1_1_h{width:100%;height:100%;display: flex;align-items: center;}
.sq_8_2_1_1_h img{width:100%;align-items: center;}
.sq_8_2_1w img{ width:100%; display:block; align-items: center;}
.sq_8_2_1h img{ height:100%; display:block;}
.sq_8_3{ float:left; width:100%; height:26px; margin-top:0px;}
.sq_8_3_1{ margin:6px auto auto auto; width:24px; height:20px;opacity:0.3;-moz-opacity:0.6;filter:alpha(opacity=60); background:url(../../../../../data/jirog_s/img/qiglel_hoos.png) no-repeat; background-size:auto 100%}/* url(../../../../../data/jirog_s/img/qiglel_hoos.png) no-repeat;*/
.sq_8_4{ display:none; float:left; width:100%; height:26px; margin-top:0px;}
.sq_8_4_1{ margin:3px auto auto auto; width:20px; height:20px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60); background:url(../../../../../data/jirog_s/huliyehu.gif) no-repeat; background-size:auto 100%}

.aro_1{ color: #666;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #DCD6BE), to( #FFF));}
.aro_2{ color: #666;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #C9E4DA), to( #FFF));}
.aro_3{ color: #666;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from( #ECF2F9), to( #FFF));}
.edit{ position:fixed; top:80px; left:2px; width:24px; font-size:1.2em; color:#999}
.edit_1{ float:left; width:24px; margin-top:10px; padding:5px 0px;}
.olagan{ color:#F00;}
.shop_qr{ position:fixed; top:200px; right:2px; widows:120px; height:120px;}
#turul_bg{ display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; background: #000;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60); z-index:600}
#turul{ display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; right:0px;z-index:601}
.turul_0{float:left; width:100%; height:220px; margin-top:130px; overflow-y:hidden; overflow-x:auto; background:#FFF;}
.turul_1{ float:left; width:36px; height:100%; line-height:36px; font-size:1.7em; color:#666; text-indent:30px; overflow:hidden;}
.turul_1:hover{ background:#F1F1F1;}
.turul_2{ float:left; width:2px; height:100%; margin-top:0; background:url(../../../../../data/jirog_s/img/tasolga_1.png) no-repeat; background-size:auto 80%;}
.turul_3{ float:left; width:15px; height:100%;}
.turul_4{ position:fixed; top:90px; right:4px; width:30px; height:30px; text-align:center; line-height:24px; font-size:26px; color:#CCC; border:#CCC solid 1px; border-radius:3px;z-index:602}
.harilqaho{ float:left; width:100%; margin-top:20px; background:#FFF}
.harilqaho_1{ float:left;height:65px; font-size:1.6em; line-height:20px; color:#666; margin-left:5px; margin-top:10px;}
.harilqaho_2{ float:left; width:80px; height:80px; margin-left:0px}
.harilqaho_2 img{ width:100%; height:100%;}
.harilqaho_3{ float:left; height:80px; margin-top:10px; font-size:1.4em; color:#666}
.ungge_1{ color:#666}
.ungge_qagan{ color:#FFF}
.ungge_hara{ color:#333}
.tasolga{ float:left; width:100%; height:10px;background: #FFF url(../../../../../data/jirog_s/ogalja_1.png) repeat-x;background-size:auto 100%;}
.tasolga_2{ float:left; width:100%; height:8px;background: #FFF url(../../../../../data/jirog_s/ogalja_2_2_h.png) repeat-x;background-size:auto 100%;}
.shop{ float:left; width:100%; margin-top:0px;border-top:#CCC solid 0px;}
.shop_1{ float:left; width:100%; text-align: center; margin-top:5px; background:#FFF;}
.shop_2{ float:left; width:50%; text-align: center; margin:3px 0px; }
.shop_3{ float:left; width:50%; min-height:50px;margin-top:10px; text-align:left; font-size:1.6em; color:#666; overflow:hidden;}
.shop_1 img{ display:block; width:98%;}
.shop_2 img{ display:block; width:98%;display: inline-block;vertical-align: middle;border-radius:3px;}
.goods{ float:left; width:100%; border-top:#CCC solid 0px;}
.imgload_t{position: relative;top: 50%; left: 50%;
             -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
             -ms-transform: translate(-50%, -50%);
             -o-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
		 };
		 
.ogalja_2{float:left;width: 100%; height:8px;background: #FFF url(../../../../../data/jirog_s/ogalja_2_2_h.png) repeat-x;background-size:auto 100%;}
.box_a{float: left;width: 100%; height: auto;position: relative;}
.box_2{ float:left; width:25%; height:90px; margin-top:5px; position:relative;}
.box_2_1{ margin:0px auto auto auto; width:75px; height:80px; border:#CCC solid 0px; border-radius:5px;}
.box_2_1_1{ float:left; width:17px; height:100%; margin-left:3px;font-size:12px; color:#666;}
.box_2_1_2{ float:left; width:54px; height:54px; margin-top:12px; border-radius:54px; background: #ECECEC; overflow:hidden; background: #DBEFFB;}
.box_2_1_2_1a{margin:15px auto auto auto; width:25px; height:30px;}
.box_2_1_2_1{ margin-left:5px;width:0px; height:0px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #966;}
.box_2_1_2_1a:hover{-webkit-transition: all 1s 0s;-webkit-transform:rotate(90deg);}
.aro_1{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_01.jpg) no-repeat; background-size:100% 100%}
.aro_2{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_02.jpg) no-repeat; background-size:100% 100%}
.aro_3{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_terge.jpg) no-repeat; background-size:100% 100%}
.aro_4{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_04.jpg) no-repeat; background-size:100% 100%}
.aro_5{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_12.jpg) no-repeat; background-size:100% 100%}
.aro_6{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_09.jpg) no-repeat; background-size:100% 100%}
.aro_7{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_07.jpg) no-repeat; background-size:100% 100%}
.aro_8{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_10.jpg) no-repeat; background-size:100% 100%}
.aro_9{ background:url(../../../../../data/jirog_s/img/sorag/sorag_index_15.jpg) no-repeat; background-size:100% 100%}
.aro_10{background:url(../../../../../data/jirog_s/img/sorag/sorag_index_11.jpg) no-repeat; background-size:100% 100%}
.aro_11{background:url(../../../../../data/jirog_s/img/sorag/sorag_index_14.jpg) no-repeat; background-size:100% 100%}
.mur_1{background:url(../../../../../data/jirog_s/index/index_1.jpg) no-repeat; background-position:top; background-size: 100% auto;}
.mur_2{background:url(../../../../../data/jirog_s/index/index_2.jpg) no-repeat; background-position:top; background-size: 100% auto;}
.mur_3{background:url(../../../../../data/jirog_s/index/index_3.jpg) no-repeat; background-position:top; background-size: 100% auto;}
		  
.box_cate{position: absolute; top:8px; right: 10px;width: 18px;height: 24px; z-index:10}
.box_cate_1{float:left;width:100%;height: 3px; background:#099; margin-top: 4px;}
		 
.list{float:left;width: 100%; min-height: 60px; height:auto; margin-top:0px;border-top: #CCC solid 1px;}
.list_1{float:left;width:33.333%; height:144px; border-bottom: #CCC solid 1px;position:relative; }
.list_1_0{ position:absolute; top:0px; right:0px; height:12px;z-index:91}
.list_1_0_1{ float:left; height:12px; background:#63C; color:#FFF; font-size:7px; line-height:12px; text-align:center; padding:0px 3px;}
.list_1_0_2{ float:left; width:12px; height:12px; border-radius:12px; margin:0px; background: #963}
.list_1:hover .list_1_2_1{color: #F00;}
.list_1_1{ position:absolute; right:0px; top:0px; width:0px; height:100%; border-right:#CCC solid 1px;}
.list_1_2{margin:3px auto; width:100%; max-width:108px; height:138px; overflow:hidden;position:relative;}
.list_1_2_1{position:absolute;left:0px;  top:0px; width:22px; height:100%; font-size:12px; line-height:22px; color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-indent:5px;}
.list_1_2_2{ position:absolute;left:22px; top:3px; right:2px; bottom:22px; max-width:85px;text-align:center; overflow:hidden; z-index:90}
/*
.list_1_2_2_img{ float:left; width:100%; height:100%;}
.list_1_2_2_img img{ width:100%; height:100%}
*/
.list_1_2_2_img{display: flex;flex-direction: column;justify-content: center;align-content: center; width:100%;height: 100%;}
.list_1_2_2_img img{height: 100%; object-fit: cover;}

.list_img{height:100%; width:100%}
.list_1_2_3{ position:absolute; left:22px; bottom:0px; right:3px;max-width:85px; height:22px; line-height:22px; font-size:14px; color: #BD6F6A; text-align:center;}
.list_sorag{width: 100%; height:270px; margin-top:0px;border-top: #CCC solid 0px;overflow-x:auto; overflow-y:hidden}

.link_0{float:left; width:100%; background:-webkit-gradient(linear, 0% 0%, 0% 100%,from( #3A6FCF), to( #4196DC)); margin-top: 1px;}
.link_a{ margin:5px auto 0px auto; width:90px; height:50px;}
.link_a1{ margin:5px auto 0px auto; width:90px; height:50px; font-size:1.5em; line-height:28px; color: #FFF;word-break:keep-all;}
.link{float:left; width:25%; height:100px; position:relative}
.link:hover{ background: #E6E6E6}
.link_t{ position:absolute; top:0px; right:0px; width:100%; height:1px; background: #999}
.link_r{ position:absolute; top:0px; right:0px; width:0px; height:100%; background:#999}
.link_b{ position:absolute; bottom:0px; right:0px; width:100%; height:0px; background: #999}
.link_1{ float:left; width:100%; height:40px; margin-top:5px; text-align:center}
.link_1_1{margin:auto; width:40px; height:40px; margin-top:0px; text-align:center}
.link_1_1 img{ border-radius:4px;}
.link_2{ float:left; width:100%; height:50px; margin-top:2px}
.link_2_1{ margin:auto; height:50px;}
.link_2_1_1{height:50px; font-size:13px; color: #666}
#g_cate{position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:100;background:rgba(0,0,0,.6);}
.g_cate_1{width: 100%; height: 280px; margin-top:30%; font-size:15px;overflow-y:hidden; overflow-x:auto; background: #fff;}
.g_cate_1_1{float: left; min-width:10px;height: 250px; text-indent:2px; padding:0px 6px 0px 10px; margin-top:14px;line-height:16px;border-right:solid #ccc 1px;}
.g_cate_1_1 hover{ color:#F00;}