@charset "utf-8";
/*
	[DESTOON B2B System] Copyright (c) 2008-2018 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
.header_top{margin-bottom:15px;}
.photo_info {color:#F1F1F1;padding:20px;background:#666666;}
.photo_info h1 {text-align:left;margin:2px 0;}
.photo_info_r {float:right;padding:8px 6px 0 0;}
.photo_intro {color:#FFFFFF;padding:16px;line-height:150%;text-indent:2em;}
.photo_l {background:#333333;}
.photo_r {background:#000000;width:140px;text-align:center;}
.photo_f {position:absolute;z-index:2000;width:460px;height:260px;background:#000000;margin:200px 0 0 300px;color:#FAFAFA;text-align:center;border:#FAFAFA 1px solid;border-radius:24px;opacity:0.8;filter:alpha(opacity=80);display:none;}
.photo_f p {margin:44px 0;font-size:30px;}
.photo_f div {width:100px;height:32px;line-height:32px;margin:20px auto 0 auto;border:#FAFAFA 1px solid;border-radius:6px;font-size:14px;cursor:pointer;}
.photo_f div:hover {border:#FF6600 1px solid;color:#FF6600;}
.thumb_a {border:#666666 1px solid;padding:2px;margin-top:10px;}
.thumb_a:hover,.thumb_b {border:#FF6600 1px solid;padding:2px;margin-top:10px;}
.count_a {font-size:20px;color:#FF6600;}
.count_b {font-size:20px;}
.photo_all {padding:10px;}
.photo_all div {color:#F1F1F1;padding:6px 20px 20px 20px;text-align:left;}
#cursor_a {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/prev.cur'),default;}
#cursor_b {position:absolute;z-index:1000;width:510px;height:510px;cursor:url('image/next.cur'),default;margin-left:510px;}

/*推荐品牌*/
.p-box {background: #fff; box-shadow: rgba(227,227,227,.5) 0 0 6px; overflow: hidden;}
.p-box ul {overflow: hidden;padding:10px 10px;}
.p-box li {float: left; width: 215px; padding:10px 10px;overflow: hidden;}
.p-box li a {display:block; position: relative;  text-align: center;color:white}
.p-box li a img {width:100%;height:215px;}
.p-box li a p {display: block; height: 30px; font-size:14px; position:absolute;bottom:0px;width: 100%; line-height: 30px; background:rgba(0,0,0,0.5)}


.photo .left{ overflow:hidden; margin-bottom:20px;}
.photo .left a { width: 160px; height: 40px; border-bottom:1px solid #eee;text-align:center; display:block; heiht:40px; line-height:40px; font-size:16px; background:white;float:left}
.photo .left dt{ background:#ff5400; color:white;line-height:40px;font-size:16px; text-align:center;border-radius:5px 5px 0 0}
.photo .left a.on { background:#ff7900; color:white}
.photo .left a:last-child { border:none;}
.photo .left dl{border:#eee 1px solid; overflow:hidden}
.photo .right{overflow:hidden}
.photo .right .p-box li{width:228px}
.content{padding:15px!important; background:#fff; border-radius:5px;line-height:28px; text-indent:28px}
.content img{max-width:100%;border-radius:5px; display:block;margin:10px auto}
.content p{text-indent:0!important;font-size:14px;}


.photo_title_show { font-size:30px; color:#000; margin-top:30px; text-align:center;}
.photo_info_show { font-size:14px; color:#999; text-align:center; padding:30px 0;}
.photo_info_show a { color:#024697;}
.photo_show { background:#fff; padding:10px 50px 30px;box-shadow: 0px 0px 5px rgba(0,0,0,0.15);}
.photo_show img { max-width:100%; border-radius:3px;display:block;margin:5px auto}
.photo_show p { font-size:14px; text-align:center; padding:15px 0;}

.canshu { padding:15px 0;line-height:26px;color:#999;overflow:hidden; width:100%;font-size:14px;border-top:#eee 1px solid;border-bottom:#eee 1px solid}
.canshu span { display:block; float:left; width:20%;color:#555}
.canshu span i { width:58px; display:inline-block;text-align: justify;text-align-last: justify; position:relative; padding-right:15px;color:#999}
.canshu span i:after { content:":"; position:absolute;}




.case .left{float: left;width:920px;overflow: hidden;margin-right:20px; background:#fff;}
.case .right{overflow:hidden;}

.past-box{background:#fff; overflow:hidden;padding:10px 20px;margin-bottom:20px;}
.past-box dt span{float:right;font-size:14px;}
.past-box dt{font-size:16px;line-height:40px;padding:0px 0px;font-weight:normal;color:#000;margin-bottom:5px}
.past-box dt:before{content:"";background:#ff6000;float:left;margin-right:10px;height:16px;width:3px;margin-top:12px;}

.past-box img{float:left;}
.past-box p{font-size:14px;line-height:20px;height:60px;overflow:hidden;}
.past-box ul li {height:70px; position:relative;overflow:hidden;}
.past-box ul li:nth-child(1) { width: 220px;height: 140px;}
.past-box ul li:nth-child(1) img { width: 220px;height: 140px;}
.past-box ul li:nth-child(1) p { width:220px;height: 30px; color:#fff; background:rgba(0,0,0,.6); position:absolute; bottom:0px; left:0px; font-size:14px; line-height:30px;
	text-align:center;}
.past-box ul li:nth-child(1n+2) { margin-top:20px;}
.past-box ul li:nth-child(1n+2) img { width: 90px;height: 60px; margin-right:10px;}
.past-box ul li a:hover img{opacity:.9;filter:alpha(opacity=90)}
.box{background:#fff; overflow:hidden;padding:15px 20px;margin-bottom:20px;}


/*首页样式 THE*/

.photo_list { }
.photo_list ul li { float:left; width:23.5%; margin:0 2% 2% 0; background:#fff; border-radius:5px; position:relative; top:0; transition: .3s;}
.photo_list ul li:hover { top:-2px; box-shadow: 7px 12px 14px 0 rgb(154 144 137 / 32%);}
.photo_list ul li:nth-child(4n+4) { margin-right:0;}
.photo_list ul li .image { width:100%;}
.photo_list ul li .image img { width:100%; border-radius:5px 5px 0 0;}
.photo_list ul li .text { padding:15px 0;}
.photo_list ul li .text strong { display:block; font-size:16px;padding:0 15px;}
.photo_list ul li .text strong a { color:#111;}
.photo_list ul li .text .jian { color:#999; line-height:16px; padding:10px 15px; overflow:hidden;height:16px;display:block}
.photo_list ul li .text .jian em { float:left;}
.photo_list ul li .text .jian em:nth-child(-1n+2) { margin-right:5px;}
.photo_list ul li .text .jian em:nth-child(1n+2) { border-left:1px solid #ddd; padding-left:5px;}
.photo_list ul li .text .jg { line-height:24px; color:#999;padding:15px 15px 0; border-top:1px solid #e6e6e6; position:relative;}
.photo_list ul li .text .jg img { width:24px; height:24px; float:left; margin-right:10px; border-radius:50%;}
.photo_list ul li .text .jg .pop_up { position: absolute;top: -200px;left: 5px;width: 70%;background: #fff;height: 200px;border-radius: 5px;box-shadow: 7px 12px 14px 0 rgb(154 144 137 / 32%); text-align:center; display:none;}
.photo_list ul li .text .jg:hover .pop_up { display:block;}
.photo_list ul li .text .jg .pop_up:after { content: "";display: inline-block; width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent; border-top: 8px solid #fff; position: absolute;bottom: -8px; left: 15px;}
.photo_list ul li .text .jg .pop_up img { width:60px; height:60px; display:block; margin:15px auto; float:none;}
.photo_list ul li .text .jg .pop_up b { font-size:16px; color:#111; display:block;}
.photo_list ul li .text .jg .pop_up p { font-size:12px; color:#999;}
.photo_list ul li .text .jg .pop_up span { display:block;width: 105px;height: 32px;line-height: 32px;background: #ff6700;text-align: center;border-radius: 20px; margin:10px auto;}
.photo_list ul li .text .jg .pop_up span a { color:#fff;}



/*作品列表样式*/
.photo_head { height:60px;overflow:hidden}
.photo_head b { font-size:20px; font-weight:700; color:#333;float:left}
.photo_head dl li{float:left;}
.photo_head dl li { float: left;width: auto;height: auto;box-sizing: border-box;border: none;margin-left: 0;padding: 0;margin-bottom: 0;background:none;border-radius: 0;font-size:14px;line-height:40px;padding:0px 20px}
.photo_head dl li { margin-right:20px; cursor:pointer; color:#666;}
.photo_head dl li:hover {box-shadow: none;}
.photo_head dl li.on { color:#ff6700;font-weight:700;border:#ff6600 1px solid;border-radius:20px;line-height:38px;}


.photo_list_sec ul { display:flex; flex-wrap:wrap;}
.photo_list_sec ul li { width:24.25%; margin-right:1%; box-sizing:border-box; background:#fff; transform: translateY(0); transition:all .3s; border-radius: 8px;box-shadow: 0px 0px 8px rgb(0 0 0 /.09); box-sizing:border-box;}
.photo_list_sec ul li:hover { transform: translateY(-5px);box-shadow: 0 0 12px rgb(0 0 0 / 10%);}
.photo_list_sec ul li:hover .text h3 a{color:#ff6600;}
.photo_list_sec ul li:nth-child(4n+4) { margin-right:0;}
.photo_list_sec ul li:nth-child(1n+5) { margin-top:1%;}
.photo_list_sec ul li .image { width:100%; overflow:hidden; border-radius:5px 5px 0 0;}
.photo_list_sec ul li .image a { height:230px;display: flex;justify-content: center;align-items: center;}
@media(max-width:1580px){
.photo_list_sec ul li .image a { height:200px;}
}
.photo_list_sec ul li .image img { width:100%;vertical-align: bottom; transition:all .3s;}
.photo_list_sec ul li:hover .image img { transform: scale(1.08);}
.photo_list_sec ul li .text { padding:5px 15px 15px 15px;}
.photo_list_sec ul li .text h3 { display:block; line-height:30px; color:#000; font-size:15px;}
.photo_list_sec ul li .text h3 a{color:#000;}
.photo_list_sec ul li .text .hits { font-size:14px; color:#9fb0bd; line-height:20px; height:20px; margin-top:5px;display: flex;align-items: center;}
.photo_list_sec ul li .text .hits em { display:inline-block; background: #dfe5e9; margin-right: 6px;padding: 0 5px;border-radius: 3px;font-size: 12px;}
.photo_list_sec ul li .text .hits i { margin:0 4px 0 6px; font-size:16px; font-weight:600;}
.photo_list_sec ul li .text .guangz { height:20px; line-height:20px; margin-top:10px; font-size:12px; color:#333;display: flex;align-items: center;}
.photo_list_sec ul li .text .guangz img { width:20px; height:20px; border-radius:20px; margin-right:10px;vertical-align: bottom;}
.photo_list_sec ul li .text .guangz i { font-size:18px; margin-left:auto; color:#ff6600;}
.photo_list_sec ul li .text .guangz a{color:#888;}
.photo_list_sec ul li .text .guangz .iconfont a{color:#000;}
.photo_list_sec ul li .text .guangz:hover .iconfont a{color:#ff6600;}

/*作品内容页样式*/




.photo_CRY_title { padding:40px 0 30px; border-bottom:1px solid #eff3f5; text-align:center;}
.photo_CRY_title h3 { display:block; font-size: 30px;line-height: 42px;color: #333;}
.photo_CRY_title .photo_CRY_info { font-size:16px; color:#909399; line-height:24px; height:24px; margin:20px 0; display:flex; align-items:center; justify-content:center;}
.photo_CRY_title .photo_CRY_info i { font-size:18px; margin:0 4px 0 6px;}
.photo_CRY_title .photo_CRY_info em { display:inline-block; width:1px; height:14px; background:#999; margin:0 15px;}
.photo_CRY_title .photo_CRY_info a { color:#909399;}
.photo_CRY_title .photo_CRY_info a:hover { color:#ff6700;}
.photo_CRY_title .photo_CRY_com { line-height:24px; height:24px;}
.photo_CRY_title .photo_CRY_com img { width:23px; height:23px; border-radius:50%;vertical-align: bottom; margin-right:10px; transform: translate(0, -2px);}
.photo_CRY_title .photo_CRY_com strong { font-size:16px; color:#333;}
.photo_CRY_title .photo_CRY_com strong:hover { font-size:16px; color:#ff6700;}

.photo_show_content { padding:40px 0; border-bottom:1px solid #eff3f5;}
.baguetteBoxOne { }
.baguetteBoxOne img { display:block; max-width:100%; margin:0 auto;border-radius:3px;}
.baguetteBoxOne p { text-align:center; line-height:25px; font-size:15px; margin:10px 12%; color:#555;}

.photo_CRY_canshu { padding:15px 0;line-height:26px;color:#999;overflow:hidden; width:100%;font-size:14px;}
.photo_CRY_canshu span { display:block; float:left; width:20%;color:#555}
.photo_CRY_canshu span i { width:58px; display:inline-block;text-align: justify;text-align-last: justify; position:relative; padding-right:15px;color:#999}
.photo_CRY_canshu span i:after { content:":"; position:absolute;}

/*右侧悬浮样式*/
.Fixed_com { position:fixed; right:50px; top:48%;}
.Fixed_com .image { width:48px; height:48px; cursor:pointer;}
.Fixed_com .image img { width:48px; height:48px; border-radius:50%; vertical-align: bottom; box-shadow:0 0 20px rgb(0 0 0/.5);}
.Fixed_com .Fixed_com_popup { position:absolute;right:48px; top:0; padding-right:15px; display:none;}
.Fixed_com .Fixed_com_li:hover .Fixed_com_popup { display:block;}
.Fixed_com_popup_shell { background:#fff; border-radius:10px; box-shadow: 0 0 15px rgb(0 0 0 /.2); width:400px; position:relative;}
.Fixed_com_popup_shell:after {content: '';display: block;border-width: 5px;border-style: solid;border-color: #fff #fff transparent transparent;box-shadow: 3px -3px 7px rgb(0 0 0 / 2%);position: absolute;top:26px;right: -5px;transform: translateY(-50%) rotate(45deg);}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info { padding:20px 15px; overflow:hidden;border-bottom:1px solid #eff3f5; position:relative;}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .tx { float:left;}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .tx img { width:46px; height:46px; border-radius:50%; margin-right:10px;}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .tit { overflow:hidden; padding-right:80px;}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .tit strong { display:block; font-size:18px; color:#333;}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .tit p { font-size:14px; color:#909399; margin-top:3px;}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .More { position:absolute; right:15px; top:50%; transform:translate(0,-50%);}
.Fixed_com .Fixed_com_popup .Fixed_com_popup_info .More a { display:block; line-height:28px; padding:0 10px; border-radius:20px; background:#eff1f5; font-size:12px;}
.Fixed_com .Fixed_com_popup ul { padding:15px 15px 20px 15px; overflow:hidden;}
.Fixed_com .Fixed_com_popup .ul_tit { font-size:16px; color:#666; margin-bottom:10px;} 
.Fixed_com .Fixed_com_popup ul li { width:32%; margin-right:2%; float:left; border-radius:5px; overflow:hidden; transition:all .3s;}
.Fixed_com .Fixed_com_popup ul li:hover { box-shadow: 0 0 20px rgb(0 0 0/.6);}
.Fixed_com .Fixed_com_popup ul li a { height:90px; display: flex;justify-content: center;align-items: center;}
.Fixed_com .Fixed_com_popup ul li:nth-child(3n+4) { margin-right:0;}
.Fixed_com .Fixed_com_popup ul li img { width:100%;}
.Fixed_com .Fixed_com_li { margin-bottom:15px;}
.Fixed_com .icon_sec { width:48px; height:48px; line-height:48px; text-align:center; box-sizing:border-box; border:1px solid rgb(0 0 0/.1); border-radius:8px; cursor:pointer; position:relative; background:#fff;}
.Fixed_com .icon_sec i { font-size:28px; color:#333;}
.Fixed_com .icon_sec:hover i { color:#ff6700;}
.Fixed_com .icon_sec em { position: absolute;top: -8px;right: 0px;font-size: 13px;background: #fff;border: 1px solid #bfc4cd;border-radius: 10px; line-height: 18px;height: 18px;box-sizing: border-box; padding:0 5px;color: #606266;margin-left: 50%;transform: translateX(50%);}

/*顶部悬浮样式*/
.TOP_Photo_Menu { position:fixed; top:0; left:0; width:100%; background:#fff; box-shadow: 0px 0px 20px 0px rgb(0 0 0 /.1); display:none;}
.TOP_Photo_Menu.on { display:block; z-index:5068;}
.TOP_Photo_Menu .wrap_box { display:flex;}
.TOP_Photo_Menu strong { font-size:22px; line-height:76px; color:#333;}
.TOP_Photo_Menu .TOP_Photo_Menu_r {display:flex; margin-left:auto; align-items:center;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn { position:relative;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span { background:#ececed; display:inline-block; height:40px; line-height:40px; border-radius:8px; color:#666; font-size:16px; padding:0 15px; margin-left:12px; cursor:pointer;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span i { font-size:16px; margin-right:4px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span.fx { width:82px; box-sizing:border-box; position:relative; overflow:hidden; transition:all .3s;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn:hover span.fx { width:146px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span.fx em { line-height:40px; position:absolute; left:36px; top:0; background:#ececed; width:50px; display:none;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn:hover span.fx em { width:100px; display:block}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span.xd { background-image: linear-gradient(90deg, #f70 20%,#ff6300 80%); color:#fff;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span.xd:hover { opacity:.9;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span.xd a{color:white;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn span.yaoy { background-image: linear-gradient(90deg, #7ad5d6 20%,#78d6d6 80%); color:#fff;}


.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup { position:absolute; right:-100px; top:40px; padding-top:10px; display:none;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup .FX_popup_shell { width:560px; padding:25px; box-sizing:border-box; border-radius:12px; box-shadow:4px 4px 12px 0px  rgb(96 101 108 / 12%); background:#fff; overflow:hidden;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn:hover .FX_popup { display:block;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup h3 { display:block; font-size: 20px; color:#333;line-height: 24px; margin-bottom:20px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .wechat { width:150px; background:#f7f8fa; border:1px solid #f0f0f0; box-sizing:border-box; padding:15px; border-radius:10px; margin-right:30px; float:left;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .wechat .image { width:100%; background:#fff; padding:5px; box-sizing:border-box; border-radius:8px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .wechat .image img { width:100%;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .wechat p { font-size:14px; height:20px;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;color: #333;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .wechat p img { width:16px; margin-right:4px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .FX_popup_box_r { overflow:hidden;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .FX_popup_box_r h4 { display:block; color:#666; margin-bottom:10px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .FX_popup_box_r .lianjie { height:40px; line-height:40px; font-size:14px; padding:0 10px; background:#f7f8fa; border:1px solid #f0f0f0; color:#888; border-radius:8px;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .FX_popup_box_r .lianjie b { float:right; color:#ff6700; margin-left:20px; cursor:pointer; position:relative; z-index:1;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .FX_popup_box_r .FX_popup_box_btn { height:40px; line-height:40px; font-size:14px; padding:0 10px; background:#f7f8fa; border:1px solid #f0f0f0; color:#888; border-radius:8px; width:138px; float:left; display: flex; align-items: center;justify-content: center;}
.TOP_Photo_Menu .TOP_Photo_Menu_r .TOP_Photo_Menu_btn .FX_popup_box .FX_popup_box_r .FX_popup_box_btn img { width:16px; margin-right:4px;}


.photo_show_cnxh { }
.photo_show_cnxh_tit { font-size:16px;  font-weight:700; color:#333; margin-bottom:15px;}

.photo_show_cnxh .pinlun .head-txt { display:none;}
.photo_show_cnxh .comment_form { background:#fff;}



.Photo_mask_sec { position: fixed; top: 0;left: 0; right: 0; bottom: 0; background:rgb(0 0 0/.6); z-index:6060; display:none;}
.Photo_popup_sec { position: fixed; left: 50%; top:50%; width:500px; background:#fff; z-index:6061; border-radius:10px; box-sizing:border-box; transform:translate(-50%,-50%); padding:30px 30px 20px; display:none;}
.Photo_popup_sec strong { font-size:22px; display:block; margin-bottom:30px; font-weight:400; line-height:30px;}
.Photo_popup_sec strong .Photo_popup_off { float:right; font-size:30px; cursor:pointer;}
.Photo_popup_sec input { height: 38px;line-height: 38px;font-size: 14px;padding: 0 10px;border: 1px solid #ddd;color: #666;border-radius: 4px; width:100%; box-sizing:border-box;outline:none}
.Photo_popup_sec textarea {line-height: 22px;font-size: 14px;padding: 10px;border: 1px solid #ddd;color: #666;border-radius: 4px; width:100%; box-sizing:border-box; height:100px;outline:none}
.Photo_popup_sec ul li { display:flex; margin-bottom:15px;overflow:hidden}
.Photo_popup_sec ul li span { width:80px; font-size:14px; color:#333; line-height:38px;}
.Photo_popup_sec ul li span i{color:red;}
.Photo_popup_sec ul li p { font-size:12px; line-height:20px; color:#666;}
.Photo_popup_sec ul li p a { color:#f70;}
.Photo_popup_sec ul li.Photo_popup_btn { justify-content: center;}
.Photo_popup_sec ul li button{display:inline-block;height:40px;line-height:40px;border-radius:8px;font-size:16px;cursor:pointer;background-image:linear-gradient(90deg ,#f70 20%,#ff6300 80%);color:#fff;border:1px solid #f670;width:160px}

.Photo_popup_sec ul li.va { display:block; margin-bottom:15px;position:relative}
.Photo_popup_sec ul li.va span{float:left;}
.Photo_popup_sec ul li.va a.sendcode{display: block;background:#78d6d6;color:white;height:37px;line-height:37px;width:85px;border-radius:4px;cursor:pointer;text-align:center;font-size:14px;float:right}
.Photo_popup_sec ul li.va input.mobpost{width:170px;border-radius:4px 0 0 4px;position:absolute;left:68px}
.Photo_popup_sec ul li.va input.vacode{width:110px;border-radius:0px 4px 4px 0;border-left:none;position:absolute;left:238px;text-align:center;}